Components

180 components for React and Tailwind, ready to copy or pull in with npx shadcn add @chocolate/…. Everything shares the same tokens, so it all fits together.

FoundationsColorTypography

Cards

9Tilt, spotlight, stack and reveal.

Card whose glow and border follow the pointer.

Card that tilts in 3D toward the pointer with a moving glare.

Pile of cards where the front one drops to the back on an interval.

Card that grows into a centered modal with a shared layout transition.

Image card whose caption slides up to reveal more on hover or focus.

Tinder-style deck you drag left or right to dismiss.

Frosted-glass surface with an inner highlight and pointer sheen.

Before/after image slider with a draggable, keyboard-accessible handle.

Pricing card with a monthly/yearly switch and a rolling price.