Animated React components, AI agent interfaces and app blocks built with Motion and Tailwind CSS, with ten switchable design styles.
Digits scramble through random glyphs before resolving, with a chromatic split on hover.
Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.
A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.
A code card over a hidden stack that fans out with a spring on hover.
A terminal window that types a failed cd command and a 404 status, with a blinking caret.
Calm shadcn-compatible accordion built on Collapsible (Accordion, AccordionItem, AccordionTrigger, AccordionContent) with type single or multiple, collapsible, controlled or uncontrolled value, a spring-rotating chevron, height-morphing panels and Arrow/Home/End focus movement between triggers; the quiet counterpart to the springy Bouncy Accordion.
Copy-button style swap with blur, opacity and scale.
Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left to right.
The next text or icon rolls in from below with blur.
One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.
A compact activity glyph, action verb, and live tabular timer for longer-running agent work.
Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.
A quiet shimmer that keeps the agent's current status readable while work continues.
A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware labels.
Inline alert banner in info, success, warning and destructive tones that keep contrast in light and dark, with icons, a title, description and optional actions, polite status or assertive alert roles by severity, and a dismiss that fades the banner and collapses its height so the content below slides up, plus an AlertStack whose gaps collapse with it.
Status badge with animated state icons, pulse feedback and compact size variants.
Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long-press support.
An accent tile that expands into a dotted-arrow trail on hover or focus.
Hold to complete with a vertical or horizontal liquid fill; release early to cancel.
Drag the thumb to the end to confirm an action; release early to spring back.
A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile.
Stacked toasts with status morphs, swipe dismissal, actions and six screen positions.
One toast tracks a promise: a spinner while pending, then it morphs in place into success or error and starts its dismiss timer.
A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.
Review queue for pending expense, access, deploy and time-off requests with row and bulk selection, approve and reject that swipe rows out optimistically with an undo toast, a dialog that asks for a rejection reason, Pending/Approved/Rejected tabs whose counts roll, and j/k/x/a/r keyboard shortcuts.
Side canvas that slides open beside a chat (its width eases so the conversation reflows smoothly) to show a generated artifact, with a version switcher whose label rolls by direction, Preview/Code tabs rendering code through CodeBlock, copy, download and close actions, a shared-layout expand into a fullscreen overlay, cross-fading content between versions and a skeleton while a new version generates.
Chronological activity log grouped by day with actor avatars, verb-plus-target summaries, relative times, severity and category badges, actor, action-type and search filters, entries that expand into a before/after field diff, new events sliding in at the top, and an export hook that receives the filtered rows.
Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.
Overlapping avatar stack that springs apart on hover or keyboard focus, with name tooltips, online/away/busy presence dots, an optional is-typing pulse ring and a +N chip that opens the full list in a popover, plus LiveCursors: collaboration cursors with colored arrows and name labels that spring toward container-relative positions.
General-purpose badge in default, secondary, outline, destructive, success and warning (soft or solid), three sizes, with an optional pulsing status dot or icon, removable filter chips whose x plays an exit before onRemove while siblings glide into the gap, and a count mode whose digits roll in the direction of change and cap at 99+ (complements AnimatedBadge, which animates status transitions).
Bento layout of feature tiles on a container-query grid that collapses to one column in narrow containers, with per-card column and row spans, icon, title, description and a visual slot that lifts and zooms on hover, a radial spotlight that follows the cursor across the border and surface, a CTA whose arrow nudges on hover, and cards that stagger in when scrolled into view.
Blog index with category chips and a gliding pill, a wide featured post, and cards with gradient or image covers, excerpt, author avatar, read time and an en-US date that lift on hover; filtering reflows the grid with shared layout and Load more appends the next page with a stagger, falling back to `onLoadMore` for server pagination.
A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path.
Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.
Version switcher for regenerated or edited messages: `Branches` shares a controlled or uncontrolled index, `BranchContent` cross-fades and slides the active version in from the direction you navigated, and `BranchNavigator` renders a "‹ 2 / 3 ›" control with a rolling counter, arrow/Home/End keys and live announcements, usable standalone too.
Composable breadcrumb trail with a hover underline that slides in from the left, links that render through your router via a render prop, and a data-driven items mode whose maxItems collapse folds middle crumbs into an ellipsis that either expands them inline with a spring layout reflow or opens a small keyboard-navigable menu.
Press scale, hover lift, variants and sizes.
Button composed with the Magnetic wrapper for cursor-attracted pull.
Idle → loading → success / error with blur-swap slots and morphing width.
Plain, shadcn-compatible Card building block (CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with default, outline, elevated and interactive variants — the interactive one lifts on hover and dips on press and becomes a whole-card link or button via asChild — plus an optional height-morphing CardExpandTrigger/CardExpandContent disclosure.
Swipeable slide carousel driven by one motion value: momentum drag that snaps to slides with rubber-band edges, seamless loop, responsive slidesPerView, dot or thumbnail indicators with a gliding active pill, and autoplay with a progress bar that pauses on hover, focus or hidden tabs.
A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.
Release notes list with a version and date rail, New/Improved/Fixed badges, entries that expand to reveal their staggered change lines, a tag filter with counts that reflows the list with layout animation, and an email subscribe field driven by a StatefulButton promise.
Stacked gradient areas with a time-range switch; the reveal replays whenever the range changes.
Grouped columns that grow from the baseline; hovering a category dims the rest and reads every series.
Slices sweep in clockwise; the hovered slice lifts and the center swaps from the total to its value and share. variant="pie" for a solid pie.