React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
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.
Arguments and results shown as small highlighted JSON.
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 sources an agent searches, with indexing progress and chunk counts that roll, a Re-sync that turns into a spinner then a check, and Retry on the one that failed.
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 drawn initial for a model lab or a site, tinted by a series colour or left neutral.
Bars that rise and fall with a voice while someone speaks and settle when it goes quiet.
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.
An always open list of options under headings and hairlines.
A duration that ticks while its work runs and freezes when it ends, re-rendering only itself.
New updates wait behind a count pill and slide in at the top when you ask for them
A polite, visually hidden line that tells screen readers what just changed.
Clicking fades the label out behind a spinner for a second, then brings it back.
A card whose edge lights up on the side the pointer comes from, before the pointer reaches it.
A component that creates a magnetic attraction effect on hover.
A dock of icons that magnify near the pointer and switch the content of the stage above them.