Magic Bento
Cards & Layout
An interactive bento grid layout with animated cards featuring glowing borders, cursor-following spotlight, particle effects, tilt, magnetism, and click ripples.
Loading preview...
Customize
Particles
Spotlight
Border Glow
Tilt
Click Ripple
Magnetism
Spotlight Radius300
Particle Count12
Props
| Prop | Type | Default | Description |
|---|---|---|---|
enableStars | boolean | true | Enable particle animations on card hover. |
enableSpotlight | boolean | true | Enable the global cursor-following spotlight. |
enableBorderGlow | boolean | true | Enable the glowing border effect on cards. |
enableTilt | boolean | false | Enable 3D tilt on mouse movement. |
clickEffect | boolean | true | Enable ripple effect on click. |
enableMagnetism | boolean | true | Cards subtly follow cursor movement. |
glowColor | string | '224, 78, 45' | RGB string used for glow and particle colors. |
spotlightRadius | number | 300 | Radius of the global cursor spotlight in pixels. |
particleCount | number | 12 | Number of particles per card on hover. |
disableAnimations | boolean | false | Disable all animations (auto on mobile). |