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 monthly and yearly segmented switch whose thumb travels while the digits of both prices roll to their new value, over two plans with example prices.
A centred search with its shortcut on the first row and the links on the second.
Deleting a project asks for its name before the button turns on.
A primary line slides under the active tab along a hairline.
Tabs that tint on hover above a sliding primary line.
A count of new comments above the first unread one, cleared with Mark as read
A new version notice whose button shows the update running.
A new version to install now or later.
A centred line that points to a plan upgrade.
Each added file shows a progress bar until its simulated upload ends.
Plan meters that turn amber near their limit, on-demand spending against a cap whose marker follows the slider, a card that grows into its editor, and a next invoice that rolls to its new total once the cap is saved.
The use-character-limit hook used by ndekoui components.
The use-file-upload hook used by ndekoui components.
The use-pagination hook used by ndekoui components.
The use-slider-with-input hook used by ndekoui components.
A photo avatar with a verified seal on its top corner.
An outline badge with a success check.
A soft tint slides down a column of tabs.
A column of icon tabs with tooltips on the side, next to a content card.
An upright range with a value bubble beside each thumb.
A segmented column of tabs next to a content card.
One thumb on an upright track.
An upright level with a number field below it.
Numbered steps stacked down a vertical line.
A title and a description beside each vertical step.
A title beside each step of a vertical stepper.
Field names on the left and one record's values on the right.
Icon rows that tint on hover, marked by a sliding primary line.
A primary line slides along the start edge of a tab column.
A volume track between a muted and a loud speaker.
Minus and plus buttons around a level whose digit and speaker icon follow each step.
Upvote and downvote joined around a score.
A card with a warning orb for details that need attention.
A warning card with a link that leads to the fix.
A one-line notice with a warning orb.
A title, the reason and the action that resolves it.
The warning notice with a link to fix it.
Only the digits that change roll, in the direction of the change, when the watch count goes up or down.
Round day chips that fill with the primary when picked.
Hours by day as rounded bars that move to the new week, days ahead as empty slots, and the projects ranked by share with rows that travel to their new place.
Six weeks shown at all times with their numbers.
Seven days on an hour grid that opens on the morning, with all-day events on top and a line at the current time
A crop area locked to a 16:9 ratio.
A wide switch that shows the current mode on the free half.
A wide rounded square switch that reads On or Off on the free half.
A short label whose changed words roll out and the new ones rise in, in the direction of the change.
Phrases on a drum that turns on a timer, with the sentence around them sliding to the new width.
Planned hours against capacity for each member, this week or next, with the people over capacity in warning.