It installs with the shadcn CLI, so your project needs a components.json (run npx shadcn@latest init). It doesn't use any shadcn components.
Product catalog
01 — Overview
A card lit like a real object. The edge nearest your visitor's pointer catches an iridescent light that spills onto the page, the card tilts to meet them, and when nobody's near, the light slowly orbits the edge. Drop it into any feature grid, pricing section or bento layout.
Works in light and dark themes, follows your shadcn theme and radius, runs smoothly on phones, pauses when off screen, and respects reduced-motion settings. Set three colours per card, or keep the defaults.
02 — Details
03 — FAQ
Our team will help you get the right configuration.
It installs with the shadcn CLI, so your project needs a components.json (run npx shadcn@latest init). It doesn't use any shadcn components.
Yes. Pass three colours with the colors prop, or edit --glow-1, --glow-2 and --glow-3 in your globals.css.
Yes. With no pointer, the light slowly orbits the edge, and the card pauses whenever it's off screen.
Visitors who prefer reduced motion get a still edge light with no tilt or orbit.
04 — Reviews
Custom build