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 container that animates its height or width to fit content that changes.
A round success checkbox that draws a line through its task.
A centred announcement that links to the news.
A day and its free time slots side by side.
A cover link that previews the article with an arrow.
A Quillstone assistant: conversations on the left that go into a sheet on phones, a reply that streams in while Send becomes Stop, a composer that takes files and a model, a reply that folds its reasoning and runs two tool calls, and a new chat that starts from suggested prompts.
A field that starts at one line and grows up to five.
The field is as wide as its longest option.
The trigger fits its value, with a minimum width.
Grouped platform columns with a mark and a version for each feature.
A picture with a fallback, opaque in stacks.
A round photo that shows initials while it loads or if it fails.
An avatar with a chevron, ready to open an account menu.
A round dashed slot that takes a dropped or picked image as the avatar.
Overlapping avatars and a more button on a card pill.
Overlapping avatars and a more button on a muted pill.
Small overlapping avatars with a line that says who joined.
The avatar itself opens the account menu.
Four overlapping avatars and a button for the three others.
A round button that shows the chosen avatar, with a remove badge.
A round button that shows the chosen avatar, with a remove badge.
Picks an image, opens a dialog to crop and zoom it, then sets it as the avatar.
Picks an image, opens a dialog to crop and zoom it, then sets it as the avatar.
A photo avatar with an unread count.
A ghost button whose arrow nudges back on hover.
A link-style button with a back chevron.
A button that brings the current month back into view.
Soft status pairs, readable in both themes.
The default badge on the soft brand pair.
A label followed by a smaller, quieter count.
A badge with a dimmed icon before its label.
A download button next to a learn more link.
A download and a learn more button, with a dismiss cross.
A checkbox with its label beside it.
A TanStack table with row selection and a balance total.
A ghost icon button that opens four plain actions.
Three options stacked, one of them always picked.
One thumb on a thin track, with a label above.
A switch named for screen readers only.
Accounts with a status and a balance total in the footer.
A labelled field that grows with its text.
A short hint that says what the button does not show.
Teams in folders that open with the arrow keys or a click.
A bell that opens the inbox, with All, Mentions and Invites tabs that carry their unread counts.
Monthly or yearly, with an indicator that slides to the choice.
A page of cards where one block failed (simulated) and shows a notice with Retry, while the other cards keep working.
The same board with folded lanes gathered at the end, still taking drops, and filters that float one pill with the hidden count and Clear filters.
A toggle that tints when bookmarked, with a tooltip that follows the state.