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 beam in the primary colour that travels around the border of a card, its tail fading behind it and bending round the corners.
An effect that creates animated border trails around elements on interaction.
The crop area outlined in the brand colour.
Marks of the tools the integration blocks show, from Simple Icons, drawn in their brand colour and readable in both themes.
Where the page sits, as links.
The trail on a small card with a hairline ring.
The logo leads a breadcrumb that ends in a project select; parents fold away on small screens.
A folder icon that opens the pages hidden from the trail.
A trail that starts with a home icon instead of a word.
Each parent page carries an icon before its name.
The last step is a select that switches between databases.
Pill buttons in six variants and six sizes.
Files, media and a more button joined into one pill.
A primary pill with a chevron that hints at more choices.
An outline pill with a count on a key cap.
A primary pill with a dimmed icon before its label.
An outline print button that shows its keyboard shortcut.
A month grid for days and ranges.
A react-aria calendar with today picked.
A sidebar with a month that moves the main calendar and colour toggles that filter it, beside a calendar with day, week, month, year and agenda views
Accessible calendar and range calendar on React Aria.
A typed date and the calendar stay in step.
Quick picks beside the calendar, from today to last year.
A calendar followed by a time field with seconds.
A react-aria range calendar that skips weekends, past days and booked days.
One lifted band with a title, a short line and a single primary action, stacked on phones.
A ghost cancel next to the primary save.
A surface on one hairline with a soft shadow.
A two-line outline button with a title, a hint and a chevron.
Number, expiry and code in one outline, with the card brand once it is known.
Card number, expiry and CVC that format as you type.
A card number that formats itself as you type.
A table with selectable rows on a card surface.
A component for cycling through elements with smooth transitions.
A centred title above a planning board drawn from primitives, where one card keeps travelling across the lanes and a rule reacts when it lands in Done.
A centred heading, the questions on one card and a line that names who answers the rest.
A centred message and one button, with a dismiss cross.
Links on the left, the logo in the middle, the account and an upgrade action.
A Loomboard changelog: the navbar with Changelog marked, dated releases with their kind of change and a Load more that adds the next ones, and a footer with a newsletter field.
One readout follows the pointer, a tap or the keyboard from bar to bar.
Steps of thought on one thread, each opening onto its details.
Code highlighted in the light and dark themes, with a copy button that turns into a check.
A message list that follows new content while you are at the bottom and lets go when you scroll up.
Asks whether a reply helped and becomes a thank you once you answer.
Files from the picker or dropped on the window, with a layer that shows while they are dragged in.
An image a model produced, from base64 or raw bytes, with a placeholder until it is there.
Waiting marks for a reply: a spinner, dots, a pulse, bars or a Thinking label that breathes.
Model output as safe markdown: no raw HTML, external links without referrer, code blocks highlighted.