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

Backgrounds

13Grids, beams, particles and auroras.

Drifting, blurred aurora bands for hero sections.

Shooting stars streaking across the parent.

Pointer-reactive particle field on a DPR-aware canvas.

Dotted SVG pattern with an optional radial fade.

Line grid with optional highlighted cells.

Perspective floor grid rolling toward the viewer.

Slowly drifting blurred color blobs.

Layered sine waves drifting across a blurred canvas.

Soft SVG spotlight that glides after the pointer.

Grid lines with light beams racing along them.

Film-grain overlay built from SVG turbulence.

Canvas grid of tiny squares flickering at random.

Line grid whose cells light up and fade at random.