Feature Grid

A hover-highlighted feature grid with icon glow and border illumination on the active cell.

Free

Polished by default

Every element ships with motion and depth baked in.

Instant feedback

Hover states respond in under a frame, no lag.

Type-safe props

Strict TypeScript interfaces across every component.

Composable layers

Stack primitives together without fighting specificity.

Works anywhere

Framework agnostic patterns, React-first execution.

Lightweight runtime

No heavy deps, just framer-motion doing the work.

Usage: paste this file into your project (e.g. components/feature-grid.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.