Loading…
No reviews yet — be the first to review this product.
A feature/benefit card with an index, a tinted radial glow, a central illustration that idle-floats and pops on hover, and a frosted content plate with a color-tinted tag. Five color palettes, ships with original SVG glyphs, light & dark.
A polished feature/benefit card for landing pages and product tours. It shows a monospace index, a tinted radial wash and a pulsing glow behind a central illustration that idle-floats and pops forward on hover, and a frosted glass content plate with a color-tinted tag and title. The whole card lifts on hover. Five color palettes (orange, purple, blue, emerald, rose), each with a matching built-in SVG glyph so it works out of the box — or pass your own image/node. Self-contained (injects its own CSS, no Tailwind required), light & dark, React 19 + TypeScript strict, reduced-motion aware. Requires framer-motion.
Requirements
So it renders exactly like the preview.
1. Install dependencies
npm install framer-motionUpdated Jul 5, 2026