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 raised card that previews a link after a short pause.
Link cards with four hover treatments: zoom, rise, tilt and trace.
A changelog link that previews a cover, a title and a summary.
A link that previews a short notice led by an icon.
A term in a sentence that opens its definition on hover.
A deployment link that previews its status and figures.
A round outline button with a plus icon.
A round add button that names itself in a tooltip.
Icon links with tooltips, a theme toggle, a language select and the account menu.
The same shell with the sidebar folded into an icon rail that explains itself with tooltips and morphs back to full width.
One icon module: Hugeicons behind semantic names, stroke 1.75 by default.
Icon-only segmented tabs that name themselves in a tooltip.
A row of image panels where the hovered or focused one widens to show its caption.
A component for comparing two images with an interactive slider.
Drag the image under the crop area and scroll or pinch to zoom.
A zone you click or drop on that fills with the image, within a size limit.
A drop zone with a select button that shows the image inside it.
Several images in a grid inside the drop zone, each with a remove badge.
A drop zone above a list of images with their sizes.
A list of titles where the hovered row shows its picture beside the pointer.
Tabs that change an image in place while the indicator travels to the chosen tab.
Images that land along the pointer path, then fade and shrink away.
Picks an image, previews it and lets you remove it.
Picks an image, previews it and lets you remove it.
A bell with a dot while something is unread, opening an inbox where each row leads with the task, then the event, with read and archive actions in the place of the age.
Notifications grouped by day beside the one selected: read, archive with Undo, filter by unread or mentions, and reply in place.
An inbox where opening a row reads it, the dot shrinks away and Mark all as read clears the count.
A select all box that starts half checked.
A slider component that loops infinitely through its content.
A card with an info orb for a quick note.
A one-line notice about a change ahead.
Planned maintenance with a link to the status page.
The info notice with a link to read more.
Initials on the muted fill for someone without a photo.
A dashed add line where Enter adds the sub-task and keeps the cursor for the next one, and rows that fold away on remove
Three checkboxes side by side.
Titles beside each step, stacked under it when space runs out.
A title and a description beside each step.
Notices in the flow of a page, each with a status orb, one line, an action that resolves it in place and a quiet link to the source it is about.
A text field on the shared control recipe.
A field whose border and halo take the brand colour on focus.
An email field next to an outline Subscribe pill.
A counter at the end of the field that slides as you type.
A hint under the field that counts what remains.
A clear button that appears with a value and empties the field.
A domain ending in its own segment after the name.
A Send invite segment after an email field.
A mail icon at the end of an email field.