React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
Four overlapping avatars at 20px.
Four overlapping avatars at 24px.
Four overlapping avatars at 28px.
Four overlapping avatars at 32px.
Four overlapping avatars at 36px.
Four overlapping avatars at 40px.
Four overlapping avatars at 48px.
Four overlapping avatars at 64px.
Four overlapping avatars at 80px.
Panels that open by animating their height.
A collapsible content component with smooth animations for showing and hiding content.
Questions stacked as rows of a single card, with a chevron.
Rows of a single card with the chevron before each question.
Rows of a single card with the plus before each question.
Questions stacked as rows of a single card, with a plus that becomes a minus.
Each question on its own card, with a chevron.
Each question on its own card, the chevron before the text.
Each question on its own card, the plus before the text.
Each question on its own card, with a plus that becomes a minus.
Questions that open one at a time, with a chevron that turns.
Settings sections with a one-line description under each title.
Settings sections with a description and a plus that becomes a minus.
An icon in front of each question and a chevron at the end.
An icon in front of each question and a plus that becomes a minus.
Settings sections led by an icon tile, a title and a description.
Settings sections led by an icon tile, closed with a plus that becomes a minus.
The chevron sits before the question and the answer lines up with the text.
A plus before each question that folds into a minus when it opens.
A plus that folds into a minus when its answer opens.
Shows who is signed in above the account actions.
A header with avatar, name and email over icon actions.
An outline badge with a success dot.
Who did what and how long ago, with an icon per action.
Notifications under Today, Yesterday and Earlier, each one snoozed or muted in place, with snoozed ones brought back from the header.
Block types on key cap tiles with a one line description.
Workspace people outside the team, picked with checkboxes into an avatar stack and added in one go
The next thirty days as a list grouped by day, with the time, title and place of every event
A dialog that asks to confirm a consequence.
Four joined primary toggles where one alignment stays selected.
Three rows that swap sides on wide screens, each pairing a short text with an invoice, a reminder list or a payment list drawn from primitives.
Milestones on both sides of a centred line.
A popover that draws how the invoices spread by amount, lights the bars inside the range as the handles move, glides them to a common range and counts the matches before the list applies them.
Tidewell Studio reports in the sidebar shell: an overview whose figures pick what the chart draws, a weekly report with day bars and ranked projects, and project health against the sprint goal, each with a CSV export.
An unbranded Android phone drawn in SVG and CSS, with a punch-hole camera, thin even bezels and a gesture bar.
A component that provides animated background effects for UI elements.
SVG lines connecting icon tiles, with a highlight travelling along each one.
A container component that applies coordinated animations to a group of child elements.
A component that animates number changes with smooth transitions.