Magic Bento
A bento grid whose card borders glow around the pointer, even from a neighbor card, with a soft spotlight inside and optional tilt.
import { MagicBento, MagicBentoCard } from "pleate/effects/magic-bento";Feature grid
Insights
Analytics
Track what users do, live.
Overview
Dashboard
One place for every number.
Teamwork
Collaboration
Work on the same file at once.
Efficiency
Automation
Hand the busywork to rules.
Connect
Integrations
Plug in the tools you use.
Protection
Security
SSO, audit logs and roles.
Props
- glowRadius
Glow radius (px).
numberdefault 260- glowColor
Glow color.
stringdefault accent- tilt
Card tilt (deg), 0 is off.
numberdefault 0- MagicBentoCard
Use col-span and row-span classes for shape.
div props
Accessibility
- Glow layers are decorative.
- Touch screens and reduced motion get plain cards.