React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
Mixed files as cards with a preview or a kind icon, a name and a size.
Project files by type, sorted again after a drop.
A native file picker with its button inside the field.
Uploaded files listed inside the drop zone with remove and add actions.
Files of any type listed under the zone with an icon for their kind.
Uploaded files in a table with their type, size and actions.
A field on a soft grey fill without an outline.
A grey fill without a hairline, for dense forms.
A grey fill without a hairline, for dense forms.
A tinted field without an outline until it takes focus.
Search, select and range filters above a sortable table.
Only the matches and their folders stay in the tree.
Checkboxes to pick widgets, with clear and apply.
Status, assignee, priority and due date filters with removable chips and a button that counts the matching tasks
A field that keeps its height and scrolls instead of growing.
Two joined icon buttons to flip horizontally or vertically.
A label that moves up to the edge when the field is focused or filled.
Changes one person made in a row fold under their name behind a "more changes" button
The active tab opens onto the content below its baseline.
Folder tabs with an icon before each label.
Following fills the button from the point that was pressed, and unfollowing draws the fill back.
A last headline with a primary action whose arrow travels on hover, then the brand, one row of links and a link to the status page.
Five link columns that fold into an accordion on phones, a support address with a copy button that confirms with a check, and a language select.
Three lists of links beside the brand and a contact address, a back to top button whose arrow travels on hover, and the product name set across the full width at the bottom.
Four lists of links beside the brand and a newsletter field that checks the address, shows its submitting state and morphs into a confirmation.
A primary fork button with a count and an options chevron.
A square cropper whose crop area fills it with no padding.
The four sign in icon buttons sharing the full width.
A soft tint slides to the active tab, with no track behind.
A kind, a five-step scale, a follow-up question that follows the rating, a screenshot slot and a thank-you state
A WebGL globe in the theme colours that turns on its own, follows a drag with momentum and glides to a chosen city.
A component that creates a glowing effect on elements based on cursor movement.
Page numbers next to a field that jumps to a typed page.
Actions in groups split by hairlines, delete last on its own.
Page numbers joined into one segmented control; a flat fill travels to the current page.
The title, topic links and a support action on the left, questions grouped by topic on the right, each answer opening with the panel height transition.
Tabs joined into one outlined pill, the active segment tinted.
An outlined pill of tabs with icons, the active segment tinted.
Tasks grouped by status under sticky bands, on one grid shared with the column labels, with a scope switch, a search field on the slash key and a filter menu.
A popover that moves from one spot to the next with its arrow.
Links to documentation, support and contact.
A waitlist field that checks the address, shows its submitting state and morphs into a confirmation.
Hand-drawn marks on text, a marker band, an underline, a box, a circle or a strike, drawn in when the text comes into view.
A compact explanation with one action, too rich for a tooltip.
A fill crosses the button while it is held for two seconds, snaps back on release and turns into a confirmation.
A pinned row of cards that travels sideways as the page scrolls down.
Milestones along a horizontal line.
Dates above the line, titles and descriptions below it.