React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
Filters, column toggles, row actions, bulk delete and pagination together.
A canvas burst of confetti from a button or a function call, in the brand colours and with no package.
A 4-digit code that swaps the dialog to its confirmed step.
An alert dialog that asks before an invoice goes out.
The first press turns the button destructive with a three second countdown, the second removes.
The confirmation stays quiet while it follows the password and shows a cross or a check once it differs or matches.
Contact details beside a form that checks each field on submit and as you fix it, shows a sending state and morphs into a confirmation.
A Driftdesk contact page: contact details beside a form that checks each field, shows a sending state and morphs into a confirmation, grouped questions and a compact footer.
A primary pill whose arrow nudges forward on hover.
Previous and next buttons move through the steps.
A vertical stepper moved with previous and next buttons.
A writing assistant beside a docs page: the reply streams in word by word, Send becomes Stop while it does, and the list follows new text until you scroll up.
A note line that travels into the sub-task list and takes a task number when you convert it
A raised notice that asks to accept or decline cookies.
A consent notice where declining is as easy as accepting.
Copies a link and shows a check for a moment.
A command in a monospace pill that copies itself and swaps its icon for a check.
A read-only link with a copy button that confirms with a check.
A compact badge that holds a single count.
Countries grouped by continent, each with its two-letter code.
The crop area in pixels, shown as it changes.
An image crop area you can drag and zoom.
A slider and its read-out set the zoom of the image.
A button crops the selection and shows the result beside it.
A custom cursor component with animated effects and interactions.
A sent message in a custom toast with View and Undo.
A tooltip that stays dark in both themes.
A search field, a test mode switch, tool menus and a button to create an item.
A date with hours and minutes on a 24 hour clock.
Dates and times typed segment by segment.
A date typed segment by segment.
A react-aria date field that opens a calendar.
A typed date with a button that opens a calendar.
A react-aria pair of date fields that opens a range calendar.
Start and end dates with a range calendar.
Weekends and booked days cannot be picked, and a range over them says why.
Dates move to a column on the left when there is room.
A react-day-picker calendar with today picked.
A range of four days that grows from its start to its end.
One day on an hour grid where overlapping events sit side by side and a click on a free slot plans a new one
The workspace and what deleting it does come first, then its name typed to confirm and a restore offer once deleted
Eight columns of service data in compact rows on a card.
A destructive pill with a trash icon for deleting.
An alert dialog with an error orb that names what gets deleted.
A modal dialog that fades and scales in and resizes with its content.
A modal dialog component with smooth entrance and exit animations.
The actions stay at the bottom while the questions scroll.
The title stays in place while the questions scroll under it.