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 swipeable row of slides with controls and dots.
One small burst of confetti when a real milestone completes: the first deploy, a finished setup, a paid invoice. Skipped under reduced motion; the words say what happened.
Versioned release notes with typed changes.
What shipped, newest first: dates that stay in view, linkable versions, tag filters with a count and a product view per release.
Room left as a ring that fills as you type, turns amber near the limit with a countdown, and red with the overflow.
A number told as a story: the chart draws in once, then each beat moves a marker to its moment and explains it. Readers step through; nothing advances on its own.
The frame of a chat screen: sidebar of chats, header, transcript and composer.
A thread of chat messages grouped by sender and time.
A native checkbox with a clear checked, unchecked and indeterminate state.
A list people tick through: a ticked item is struck out where it is, then settles into Done at the bottom, so what is left stays at the top. Add from the last row, reorder with Alt+arrows, undo from the line that confirms it.
A set of toggleable chips for single or multiple choices.
Numbered source references and a list of the sources behind an answer.
Syntax-highlighted code with a language label and a copy button.
Code beside what it makes. Each tab is one small change; switching marks the changed lines and fades the result to its new state. Real text with a copy button.
A single disclosure for optional detail.
Pick a colour from swatches or a free spectrum, with a contrast readout.
A searchable select with grouped options and keywords.
An amount as bars and a rate as a line, on two axes. The bars rise first and the line draws over them; one column highlight reads both.
A searchable list of destinations and actions opened from the keyboard.
Comments and replies with a composer.
The switch, row by row: the same task the old way and with your product, side by side.
A feature grid comparing plans or products row by row.
Parts of a whole with a comparison to the previous period.
A page header that makes room as you read: the title shrinks into a bar, the description folds away and a border appears, following the scroll.
A destructive action that morphs into its own confirmation, with undo.
Says when the app lost its connection and what that means, counts down to the next try, and confirms when it is back.
A contact form beside the ways to reach a team.
A contact page that routes the message first: pick the topic and it says who answers and how soon. The form keeps what you typed if sending fails and confirms where the reply will go.
A menu opened with a right-click or long press on a piece of content.
Asks once and plainly: reject and accept carry the same weight, choices explain what they are for, and the preferences can be reopened later.
Copies a value and confirms what was copied, with a fallback when the clipboard is blocked.
A count on an icon or tab that rolls up or down to its new number, pops once when something new arrives and shrinks away at zero.
A live countdown to a date, in a large or compact style.
The closing call to action: the promise again, one specific next step and a reassurance line.
A small pill follows the pointer over a labelled area and says what a click does there: Drag, Play, Open. On touch it becomes a label in the corner.
Items arranged around a rotating cylinder.
Accessible table markup with consistent cell styling and a scrollable region.
A date field you type into, with the reading shown live and a month that carries data marks.
A date field that opens a calendar, with min, max and today shortcuts.
Choose a start and end date with preset ranges.
Time as distance. The current row is near and sharp, what comes later recedes along the road, and what has shipped slips behind you. Distance follows certainty too: far rows are labelled Planned or Exploring, and every date and status is written out.
A record's details as label and value pairs, side by side when there is room, with copy and edit where the value sits.
Show live UI inside a laptop or a phone. The lid opens and the whole device turns, but the screen is an ordinary subtree laid out at the device's true width (1280 or 390 pixels) inside a size container, so breakpoints and container queries behave exactly as in the product.
A modal window that asks for a decision or a short form, with focus kept inside.
Sets reading direction for everything inside it. Spacing, borders, affixes and the selected edge follow on their own; icons that point somewhere flip when marked.
A direction input shaped like what it controls. Drag a light across a sphere and a sample beside it takes the highlight and drop shadow of that light. Two sliders carry the same two numbers, so the sphere is a convenience and never the only way in.
Agree–disagree answers centred on neutral, so questions compare by sentiment. Segments grow outward from the centre line.
A floating dock of icon destinations with a gliding active pill.