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 figures that pick what one line chart draws, a period switch whose figures roll to their new value, and a CSV export built in the browser.
The current page and the total sit between two arrows at both ends.
The page count on the left, Previous and Next on the right.
A select of every page between the arrows.
The page count, the page numbers and a select for the page size.
Progress bars between two arrow buttons.
Rows per page, the visible range and buttons from first to last page.
Pages as pill links, the current one outlined.
Each rule is a chip that turns green and swaps its circle for a check once the password meets it.
A meter and a checklist that update as the password grows.
The hint under the field becomes a warning while Caps Lock is on and the field has focus.
Showing the password turns each dot into its character one after the other, in a monospace face.
An eye button reveals or hides the password and swaps its icon.
A checkbox card for a saved card, led by its brand mark.
Radio cards for saved cards, each led by its brand mark.
A switch card for a saved card, led by its brand mark.
Three centred tiles with an icon and a name for the payment method.
Time entries with their total, the earnings breakdown with the take-home figure, an invoice export and a paid status
An outline badge with a warning dot.
A Tallyfold pricing page: one plan whose seat count and monthly total roll to their new value when changed, a grouped table of what it includes, questions on one card and a compact footer.
A name that previews the bio and mutual friends.
A country picker with its flag before an international number.
A badge with fully rounded ends.
A primary pill slides under the active tab.
A primary pill slides between tabs that carry an icon.
Stick a column to the left or right edge while the rest scrolls.
A primary pinned button with an options chevron at its start.
A user icon for an account with no photo and no name yet.
Plans as choice cards, with what every paid plan includes.
Joined plan rows with prices and a popular badge.
A Loomboard home page: a navbar with sliding menu panels, a hero with a working board whose cards drag between lanes by pointer or keyboard, a marquee of placeholder marks, four views beside a live preview, a call to action and a footer with a newsletter field.
Terms, privacy and cookies in one page: a rail of documents whose highlight travels, each document crossfading in place with its reading time and a short summary, and an index whose marker follows the section being read.
A raised panel anchored to its trigger.
A field-like trigger that opens a calendar in a popover.
A field-like trigger that opens a range calendar in a popover.
X, Y and Z offsets with number fields and one reset.
A social post card built from static props: author, text, pictures, date and counts. Nothing is fetched.
A preview button joined to a button that opens the link.
Two ghost pills at both ends that step through the pages.
Ghost pills whose arrow leans towards the page they open.
A primary pill with a tinted cap holding the back chevron.
A price range written in the label, applied with a button.
A price range over a histogram of items, with fields and a result count.
Two months with a fictional fare under each day, the cheap ones in green.
The default pill for the main action of a surface.
Upvote and downvote on one primary pill around a score.
A primary pill that starts with an avatar and shows a handle.
Cover, picture and profile fields between a fixed title and fixed actions.