loaderWeek 01
Orbit Loader
Concentric orbiting arcs that switch to a determinate progress ring when you pass a value.
The library
Every component
Filter by type to see coverage. Each card opens the component's own page with a playground, states and code.
- inputWeek 01
Signal Input
A text field with a live signal bar that sweeps while validating and fills green or red with the result.
- buttonWeek 02
Hold-to-Confirm Button
A button for risky actions: press and hold while it fills, and only a completed hold runs the action.
- chartWeek 02
Morphing Area Chart
A glowing analytics area chart that morphs smoothly between 7D, 30D and 90D, with a hover crosshair.
- modalWeek 03
Command Palette
A ⌘K / Ctrl+K launcher with fuzzy search, highlighted matches, groups, shortcuts and full keyboard control.
- cardWeek 03
Receipt Card
A paper receipt that prints out of a slot, with a torn zig-zag edge, totals, a barcode and a status stamp.
- navbarWeek 04
Dynamic Island Nav
A floating pill navbar that morphs like the iPhone Dynamic Island for menus, search and live notifications.
- formWeek 04
Conversational Form
A form that feels like a chat: one question at a time, typing dots, validation, going back, and a review before sending.