Animated React components, blocks, charts and AI-chat UI built with Tailwind CSS v4 and Motion. Free MIT library with an MCP server so coding agents can install them.
Chips with dots, avatars, flags, icons, counts and remove buttons, selectable singly or in sets; a removed chip blurs out while its neighbours slide closed.
Text field that turns entries into chips on Enter, comma or paste, validates each one, and springs new chips in while removed ones slide out.
Multi-select whose picks become chips in the field: chips pop in with a spring and fold into “+N”, options tick a drawn checkbox, arrows walk the chips and Backspace removes them, with Reset and Select all in the footer.
Wall of quote cards with initials avatars: two marquee rows drifting in opposite directions, or a masonry layout whose cards blur up into view.
Four text effects: a word-by-word blur reveal with a volt underline, a shimmer sweep, a glyph scramble and a rotating word swap.
Multi-line field on the sunken well that grows with a spring between min and max rows, with a ring-gauge character counter, a resize handle and a toolbar slot.
Three appearance controls — a light/dark/system segmented switch with a sliding thumb, an appearance card with live mini previews, and an accent and density picker — that report changes without touching your site.
Accent swatches and a density control beside a live preview whose rows re-space with a layout spring and repaint in the chosen accent.
Theme cards with tiny app windows drawn in each theme's real tokens, a check that pops onto the chosen one and a stepped text-size slider.
Light, dark and system options with a thumb that slides between them and an icon that turns as it lands; text or icon-only.
A sun/moon button that flips the whole page between dark and light with a View Transition reveal from the button, as a circle or staggered slats.
A card that tilts in 3D toward the pointer on a spring, with a glare that tracks the cursor and layers that float at different depths.
Imperative toasts that stack in the corner, fan out on hover, update in place from loading to done, and blur away on dismiss.
Renders an AI reply token by token from a string or async stream, fading each chunk in behind a blinking caret, with safe markdown.
Hover and focus label rendered in a portal: it scales in from its trigger on a soft spring, flips to the side with room, carries a title, description, arrow and shortcut, and hands off instantly between neighbours.
Three account menus — an avatar dropdown with workspace switcher and theme row, a sidebar footer menu that opens upward, and a searchable command-style profile menu — each springing from its trigger.
Top-bar avatar menu with a workspace switcher whose check glides between rows, a light/dark/system row and shortcut hints.
Profile menu with a search field: type to filter grouped actions, a highlight slides between rows and every action shows its shortcut.
User button for the bottom of a sidebar; the menu opens upward with a seat meter, and ArrowUp opens it on the last item.
Three dashboard welcome cards — today at a glance, onboarding checklist and what’s new — with staggered count-ups, one-at-a-time steps and a swipeable release carousel.
One step open at a time; completing a step ticks, fills its segment and advances, then the card celebrates.
Time-aware greeting, today’s numbers counting up in a stagger and an up-next strip you can step through.
Swipeable release carousel with drawn art; a Pro feature turns the button into an ember upgrade.