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 component that creates a wave-like shimmer effect on text.
A checkbox drawn as an icon button that swaps the sun for the moon.
Picks a theme and swaps the icon of its trigger.
Small sketches of the light, dark and system themes to pick from.
A toggle that swaps the sun for the moon when dark mode is on.
A large thumb riding over a thin track, in the Material 2 manner.
Comments with replies one level deep, a reply field that opens in place and replies that fold under their count
A range across three months that page together.
A component that applies 3D tilt effects to elements based on cursor position.
A time typed segment by segment.
A clock after the time segments.
A clock before the time segments.
Events on a line, past ones in the brand hue.
A vertical timeline whose line fills as the page scrolls, with entries that settle in once as they arrive.
A date above each title and description.
Each event has its own icon, filled once it is done.
Hours, minutes and seconds typed into a mask.
Every time zone of the browser, sorted by its offset from GMT.
The same error drawn on the soft destructive pair.
The unmet password rules on the soft destructive pair.
The same note drawn on the soft info pair.
The same confirmation drawn on the soft success pair.
The same warning drawn on the soft warning pair.
A warning on its soft pair with a link that leads to the fix.
Short tips read one after another, then start over.
Tips with previous and next buttons and a step count.
The title and description sit before each step.
Toasts that carry a status orb, bottom right.
Four small forms that each raise a toast through the Toaster of sonner.tsx: a success out of view, a failure with its reason and Retry, a loading toast that becomes its result, and an archive with Undo.
A custom toast that closes after 5 seconds and pauses while hovered.
A toast with a description and an Undo action.
A task whose label is struck through once it is done.
A button that stays pressed.
Three joined outline toggles that can all be off.
Toggles that share one value.
A toolbar component with dynamic appearance based on user interaction.
An expandable toolbar that reveals additional options with animations.
A small bubble with an arrow, after a short pause.
Explains why the button cannot be pressed yet.
Four pan buttons share one tooltip that moves to each side with its shortcut.
A full-width row with the label first and the box at the end.
A label, a sublabel and a description with the box at the end.
A panel component with smooth transitions between different states.
The arrow in the cap leaves to the top right on hover while the next one arrives from the bottom left.
Nested items you can expand, select and drag.
Vertical lines show which folder each row belongs to.
Folder and file icons, the folder opening with its row.
A range across two months that page together.