React components, blocks and complete product screens drawn to one specification. Accessible by default, with every state designed. Free parts are MIT and install as source you own.
Type and press Enter or comma to turn text into removable tags.
People introduced by what they own and how to reach them, with initials when there is no photo.
Customer quotes that carry a real role and a measurable outcome, set still and readable.
A recessed multi-line field that grows with the draft from 3 to 8 lines.
One word in a sentence that cycles through a few options. The widest word reserves the space, it pauses on hover, focus, off screen and in a hidden tab, and a pause button stops it.
Text reveals, morphs and shimmer.
A light and dark toggle that changes at once or reveals the new theme with a circle, seam or wipe.
A compact reply box for comments and threads, with send and cancel built in.
A ticket with a perforated stub. Checking in tears the stub off along the perforation, so used is something you can see on the ticket and not only read. The tear is the feedback; the plain text line on the ticket is the record.
A card that tilts toward the pointer with a soft highlight.
Events in order with dates and markers.
Choose a time with minute steps and a 12 or 24 hour format.
A short, dismissible message that confirms an action, with an optional undo.
A checklist an agent or user ticks through, with progress.
A button that stays pressed, alone or in a raised group that holds one choice or many and moves with the arrow keys as a single tab stop.
Tools with one tab stop: arrows move between them, toggles sit recessed, and when the row runs out of width the last tools fold into a More menu with their state.
The outcome of a tool call, collapsed to a summary and expandable to detail.
A short hint that appears on hover or focus, never the only way to learn something.
A transcript on a curved surface. The line being read is large and faces you; the lines before and after bend away along a cylinder, so you keep your place while it plays. Every line shows its time and speaker, and clicking one seeks to it.
Choose a subset from a long list: tick items and move them across, and they slide into the other side from where they came.
Nested rectangles sized by value, with drill-down.
An expandable hierarchy with selection and meta text.
A change as a chip: the arrow turns to the direction, the number counts to its value, and colour and words say whether it is good.
Files on their way up, each with its own progress ring; failures say why with a retry, and rows open and close without the list jumping.
A segmented bar showing how an allowance is used, with a warning near the limit.
A dropdown for the signed-in person's identity and account actions.
Moves between views without a cut: the old view fades or slides out as the new one comes in, with the View Transition API where available.
An animated orb that shows idle, listening, thinking and speaking states.
Traded volume by price level, with the value area and last price marked.
Up and down votes with a rolling score. Choosing the same arrow again clears your vote; the owner saves it optimistically and can revert.
Parts of a whole as a grid of squares you can count.
A payment card with brand, last four digits and actions.
A scrolling wheel for choosing one value, with keyboard and wheel support.
A surface whose edge carries a moving light only while real work is pending, such as an agent run or an import. When the work ends the light stops.
A magnifier that follows the pointer, a finger or the arrow keys over an image to show detail.