Parts for interfaces.
React components you copy into your project and own. They are built on native dialog, popover and form controls, styled by one file of tokens, and depend on nothing but React. Change the look once and every part follows.
- 194 parts in 16 groupsLive below
- 18 blocksWhole sections and screens
- 283 iconsOne line style, one weight control
- 11 ready mixesAnd 3 finishes to start from
- 79 parts work without ReactAs plain HTML and CSS
- 1 command installs it allOr an agent does, over MCP
Pick parts
Press the plus on a part, load a kit, or start from a block. What you pick collects in the loadout, in the bar at the bottom.
Set the look
Colour, corners, padding, glass, motion. Every part follows, and so does this site, so you see it at work. Or wear a ready mix.
Run one command
The loadout gives you one line that copies your parts and your look into your project. A coding agent can do the same over MCP.
Kits 14
Starting sets by the kind of product you are building. Load one into your loadout, then add or drop parts. For the look, start from a ready mix.
Every part, live 194
Actions 5
Buttons and toggles, including ones that wait or must be held before they act.
Inputs 29
Fields, choices, pickers and uploads for every kind of value a form asks for.
Date and time 5
Calendars and fields for days, ranges and times.
Overlays 13
Dialogs, menus, popovers, sheets and toasts that sit above the page.
Layout 15
Shells, stacks, grids, cards and panes that arrange everything else.
Text 6
Headings, body copy and links, plus text that shortens or hides itself.
Display 18
Badges, avatars, lists, images and other ways to show a thing at a glance.
Feedback 16
Alerts, progress, empty states and status: what is happening and what just did.
Data 11
Tables, grids, boards, filters and key figures for working with records.
Charts 12
Line, bar, area, donut and other charts drawn in SVG, in the series colours.
Media 9
Players, galleries, croppers and before and after views for images, audio and video.
Flows 4
Forms, wizards, checklists and tours that take someone through several steps.
Commerce 16
Prices, carts, checkout fields, plans and reviews for selling things.
AI 6
Chat messages, a prompt composer, streamed text, reasoning and citations.
Developer 10
Code, logs, diffs, secrets and review aids for tools that developers use.