The library, in three parts

Where do you want to start?

Every animated component, every design token, and the full Claude Code reference live here. Pick a path, preview everything live, and copy the code, the token, or the command when it's right.

01

Components

Loaders, 3D UIs, navbars, footers, hero sections, text fields, buttons, and product cards — every state animated, every size responsive.

245Animated pieces
8Collections
Browse components
02
Aa

Designing

Curated color palettes and Google Font pairings, rendered on real UI mockups so you see contrast and hierarchy before you commit.

53Color palettes
64Typefaces
Explore designing
03
/planCtrl Cclaude -p

Claude AI

Every Claude Code shortcut, slash command, CLI flag, and workflow tip — explained in plain language, with the command one click away from your clipboard.

129Commands
10Categories
Open the cheat sheet
New components and palettes ship every week — both paths stay in sync.