Inspector Segmented
Settings row whose choices sit side by side on the right, with a marker that slides between them: the readable alternative to a switch when the two states deserve names, and the compact one to a select at three or four options.
Already built.
Every screen a website needs. Yours to take.
Your agent’s favorite component library.
Full-page blocks, production-ready
Components, the primitives behind it all
User Menu
Topbar account menu: avatar trigger with name and email, dropdown with icon items, keyboard shortcuts, and a destructive sign-out row. Compact avatar-only mode for dense headers.
Chat Card
A chat conversation card with message bubbles and a typing indicator for testimonials and support sections.
Eyebrow Badge
An eyebrow kicker badge with an accent square and uppercase, letter spaced label for section headings.
Inspector Easing
Settings row for a cubic-bezier: the row names the preset and draws the curve small, and opens an editor with the two control points draggable, room above and below the run for an overshoot, and a strip that runs the motion so the choice can be watched rather than read.
Inspector Slider
Compact settings row where the label and the live value sit inside the track: magnetic tick snapping, a rubber band when you overdrag, Shift for precision, Alt-click to reset, wheel and typed input, on a native range input for full accessibility.
Small pieces, ready to drop in
Case Brief
Case brief card with title, citation, outcome pill, and a sky-ruled summary block beneath.
Shell Command
Single-line install or run command, prefixed with a dollar sign in monospace.
Log Stream Line
Single log entry styled like a tail output, with timestamp, level token, source, and message in mono.
Autosave Field
Inline field with an autosave status pill that shifts between saved, saving, and unsaved dot colors.
Gift Card Picker
Amount selector for a gift card with a gift icon header, four preset value chips where the selected one fills with tone, and a custom amount row.
User Hover Card
Avatar hover tooltip showing name, role, and a presence dot with its state beneath.
Browse
Explore 1890+ blocks and 989+ pieces across dozens of categories.
Copy
Click to copy the install command. Each piece is self-contained with all required styles and logic.
Customize
Tailwind CSS makes it easy to adjust colors, spacing, and typography to match your brand.