LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Folder Animation Configurator

How to Use in Bricks Builder

  1. Customize your folder animation using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-folder📋
    to any container element
This tool creates a custom script with your settings built-in. All your folder animation configurations are included in the generated code!
BricksFusion Exclusive Get Your Folder Animation

Add interactive animated folders to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Fully responsive design that adapts to any container
  • Customizable folder colors and paper count
  • Smooth hover effects and click interactions
  • Works in all modern browsers and devices
Folder Settings
Folder Size 1x
Paper Items 3
Animation Speed 0.3s
Color Settings
Folder Color
Paper 1 Color
Paper 2 Color
Paper 3 Color
Advanced Effects
Glow Effect 0%
Particles on Open
Entrance Animation
Magnetic Effect

JavaScript Code