React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
Gradient stops with a percentage bubble on each thumb.
A tick for every month and a number on every other one.
The value beside the label, rolling when it steps.
End labels and a bubble that shows the value while dragging.
A component that transitions between numbers with a sliding animation.
A smaller track and thumb for dense rows.
An opt-in wrapper that eases mouse wheel scrolling and leaves every other way of scrolling native.
Stacked outline buttons that name each sign in provider.
Four icon buttons to sign in with Google, Facebook, X or GitHub.
Stacked buttons with the icon at the start and the label centred.
A typing row under the avatar of the person writing, which becomes their comment when it arrives
Four separate code slots.
A loader with an accessible name.
A component that animates text with a spinning rotation effect.
Six code slots in two joined groups of three.
The title on the left, a short paragraph and two actions on the right, under an announcement link.
A merge button whose menu picks the method, and the label resizes to the choice.
A component that creates a spotlight effect following cursor movement.
A grid of link cards where a soft light follows the mouse and lights the hairline borders nearby.
A photo avatar with rounded corners.
A rounded-corner avatar with an unread count.
A rounded-corner avatar with an online dot on its top corner.
A switch with a rounded square track and thumb.
Three checkboxes in a column for picking notifications.
An icon above each label and a primary line under the active tab.
Cards that pin and pile up as the page scrolls, each one behind shrinking and fading back a little.
Toasts stacked one behind the other that spread out on hover, focus or a pinned toggle.
A primary star button with a quiet count.
Five stars that light up under the pointer and keep the chosen rating.
A short line on the left and six drawn marks with fictional names in one row, two columns on phones.
Each sub-task with a status menu and an assignee menu, over a bar with one segment per sub-task in its status colour
The mark of a message kind: success, error, warning, info.
Each status carries a coloured dot, in the list and in the trigger.
Numbered steps that fill as you advance.
A finished step swaps its number for a check.
A title and a description centred under each step.
The current step shows a spinner while the next one is saved.
The header stays in place while the rows scroll under it.
Steps that scroll past a pinned picture, which changes in place to match the step being read.
Shop links, a search button that grows into a field, and a cart with its count.
Every other row is tinted instead of lined.
A card with a success orb that confirms a saved change.
A one-line notice that confirms a save.
A finished export with its download.
The success notice with a link to the result.
A grid of slots where items are dragged onto each other to swap places, with a full keyboard path.
A switch whose thumb stretches while pressed.
A sun and a moon on each side of a dark mode switch.