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.
A search field with a clear button and the right keyboard on phones.
A secret shown only on purpose: reveal it and the characters settle into place, and it masks itself again on a visible timer. Copying never needs it revealed.
Segmented control, part of the Blocks family.
A styled native select for choosing one option from a short list.
Actions for the words you selected, where you selected them: the toolbar grows out of the selection and leaves with it; Alt+T reaches it from the keyboard.
A select whose list opens with the chosen option over the trigger; the platform picker on touch.
A 1px divider in the toolbar's own hairline, with a labelled form for “or continue with email”. Decoration unless you say otherwise.
A fair warning before a session ends: a dialog counts down with a ring, offers to stay signed in, and signs out at zero.
A GPU-drawn animated background.
Nudges a field or control sideways once to say “not accepted”, with an outline instead under reduced motion.
A highlight that glides between the items of a list as focus or hover moves.
Press a key combination to record a keyboard shortcut, with conflict warnings.
Every keyboard shortcut in one place: while it is open, pressing a shortcut lights its row instead of running it, and a filter narrows the list.
The product one job at a time: tabs beside a single stage, each view swapped in place with one line on what it does.
A collapsible navigation rail for an app's main sections.
Draw a signature with a pointer or finger, with undo and clear.
An email and password form with provider buttons and clear errors.
An account-creation form with a password strength hint and terms.
Link columns, social links and legal text.
A top navigation bar with logo, links and actions.
A placeholder with the shape of the content it stands in for.
A day-by-time grid whose cells rise into columns. Seen from straight above it is an exact heatmap, and colour repeats every height so nothing is lost when it is flat. Tilt it up to see the shape of the week. The busiest cell is the one ember column.
Steps that move like pages: forward slides in from the right, back from the left, the height eases, and focus arrives with the new panel.
A native range input styled to match, with accessible value text.
A deliberate commit: drag the handle to the end, or use the arrow keys, and it confirms; let go early and it springs back.
Items connected between two moments to show who rose and who fell.
Text whose characters roll like a slot machine when the value changes.
A list reordered by dragging or with keyboard commands, with undo.
A table with sortable columns, optional selection, loading and empty states.
A tiny trend line with no axes, for use inside text and tables.
A primary action joined to its alternatives; the chosen option becomes the label.
A grid where a spotlight follows the pointer.
Parts of a whole over time, stacked from the baseline. Switching between values and share morphs the same layers, so growth and share read as one picture.
Children of a group arrive one after another on mount or when scrolled into view, so a new list reads in order.
A bordered figure with a label, description and change.
A row of big numbers with short labels.
A row of period blocks coloured by service status.
A status that changes in place: the pill eases to its new width while icon and colour cross over, and the change is announced.
What a long operation is doing: done steps tick off, the current one turns with its detail, the line fills, and a failure says where and why.
Shows where someone is in a multi-step flow and lets them go back.
How it works, step by step, with an honest time and what exists after each step.
Stacked series that flow around a centre line.
Markdown-like text that renders cleanly while it is still arriving.
Row actions revealed by swiping, with a keyboard route to the same actions.
Tabs for touch: swipe the content and the next panel follows the finger while the indicator slides in step.
Switch, part of the Inputs family.
Whether the work on screen is safe, in one pill that changes in place: saving, saved, offline with changes waiting, failed with a retry, or edited elsewhere.
Switch between related views of the same content without leaving the page.