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 download button in its own segment after an invoice number.
A domain ending written inside the field after the name.
A domain ending picked from a native select after the name.
An invalid field with a message that says how to fix it.
A field with a short hint under it.
A label with an Optional hint on its right.
A price between a currency sign and its code.
A price with an inline currency sign and a segment for its code.
A send button inside the end of a newsletter field.
Tags sit inside the field and Backspace removes the last one.
The label and the value inside one outline.
A small label sitting on the top edge of the field.
The protocol in its own segment, inside the outline of the address.
An at sign before a username.
The protocol written inside the field before the address.
A protocol picked from a native select before the address.
A tag is added on Enter and removed from its chip under the field.
A card with a package manager switch, the matching install command and a copy button whose icon swaps to a check.
One card per area of tools with a short line, a tool count, a link and a cluster of round marks that float gently.
A checkbox card for an integration, led by its logo on a key cap.
Real tools with their marks, by category and with a search, where Connect becomes Connecting then Connected in the same pill, an approval error folds in under its card, and the grid closes ranks as cards leave a view.
Three rows of tool marks drifting at their own pace, the middle one the other way, under the product mark, with a heading, a line and one action.
A switch card for an integration, led by its logo on a key cap.
A component that triggers animations when elements enter the viewport.
Who invited you to what, with Accept or Decline.
A team invitation whose Accept and Decline turn into the result, with Undo.
Email rows added one at a time and a link to copy.
A sheet with Invite and Invited tabs that turns addresses into chips, beside the list of pending invitations it keeps up to date.
Teammates searched and added to the project with an access level, each one changeable or removable in the list
Addresses become chips tinted by what sending does to them, with the role of the batch and the pending invitations to resend or revoke
A link to copy with its expiry and approval, an illustrative QR code and a join code that change together when the link is reset
A seat meter that reserves a seat for each address in the field and flags the ones left without a seat
A modern iPhone drawn in SVG and CSS, with a titanium frame, a Dynamic Island and a status bar that follows the screen.
Four code slots joined into one control.
A button that picks today and shows its month.
Tinted lanes that scroll on their own, cards with property chips, issue types and worked time, dragged between lanes with the keyboard or the pointer.
A key cap for shortcuts.
Shortcuts grouped by area, filtered as you type with the match highlighted and rows that fold away
The label of a control.
Bars with a title under each, clickable to jump to a step.
On hover the label slides out and a download icon slides in to take its place.
The lg pill for the call to action of a page or a dialog.
A round magnifier that follows the pointer over an image or any content, and moves with the arrow keys when focused.
A light mask in the card colour around the crop area.
An outline like button with its count behind a divider.
Feature cards that grow into a modal with their full story and a list of what they do.
A badge that is a link and deepens its tint on hover.
An always open list where one option is picked.