React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
A profile in three sections with a travelling highlight, a photo picked in the browser, errors that fold in and out, and an unsaved-changes bar whose Save becomes Saving then Saved.
An avatar link that previews the profile behind it.
A thin bar with an optional label and value.
A component that applies progressive blur effects to elements.
A segmented bar that fills, with the step count under it.
A read-only project with its properties, progress by status in one bar and members that unfold in place
A sprint goal measured against where the team should be by today, and a short table of workstreams with their health and a filter for the ones that need attention.
A composer that grows with the text, takes files from the picker or a drop, lets you pick a model and fills itself from suggested prompts.
Radio cards for database providers, each led by its logo on a key cap.
The label and icon morph from publish to publishing to published, and the width follows.
Review steps with the time under each description.
Two plan cards where the picked one takes a primary hairline.
Small cards in a row for picking a server location.
Native radio semantics, drawn on the theme.
Each option has a quiet sublabel and a line of help.
One option at a time, marked when picked.
A two-column grid of tool tiles where one is picked.
Picking the first option opens a field below it and focuses it.
A react-aria range of four days, tinted between its two ends.
Minimum and maximum prices side by side in one outline.
Two thumbs that pick a minimum and a maximum.
A distance range with a number field at each end.
A range whose two ends are written beside the label.
A range calendar that refuses past days, weekends and two closed periods.
Report ranges beside the calendar, from today to last year.
A scale from 0 to 8 on joined pills, then a reason.
Five steps between two faces, with the rating in words.
A rating whose face changes and whose bubble names the step.
Reaction chips you toggle with a rolling count and the names in a tooltip, and a picker for a new one
A value on a soft fill that can be selected but not edited.
A flat, tinted field whose text can be read and copied.
A reply that shows how long it thought, folds its reasoning, runs two tool calls from running to done and cites its sources.
A search with scoped filter pills and a history of recent searches you prune one by one or all at once
Shared class recipes: the field control, floating surfaces, menu rows.
Dated releases with their kind of change as chips, a summary and a short list, and a Load more that adds the next releases while it is still needed.
A badge with a cross that removes it.
A taller outline tag with a roomy remove button.
Press F2 to rename the focused row; it moves to its new place.
Drag a column by its handle to move it, and sort from its header.
Rows that move by their handle, by its arrow keys or by the up and down buttons, with the new position announced
A list reordered by a drag handle, with move up and move down buttons and keyboard reordering.
A breadcrumb with a date range picker, filters and saved reports.
A field whose label carries a required mark.
An asterisk after the label marks a field the form needs.
An asterisk after the label marks a field the form needs.
A required field marked with an asterisk after its label.
Ask for a link, check your email with a resend countdown, choose a new password typed twice, then a confirmation, all in one card that resizes to each step.
Drag a column edge to resize it and click a header to sort.