145 animated React components with motion, glow and sound effects, built with Tailwind CSS v4.
Grid of pixels pulsing in a diagonal wave as a pre-token loading indicator for AI responses
An anchored panel that opens next to a trigger and holds interactive content — quick settings, a small form, more than a tooltip can carry
Mounts and unmounts content with a real entrance and exit through one direction-aware transition, tracking opening/open/closing state, marking the panel inert while it closes, and firing lifecycle callbacks
A wrapper that gives any interactive child a consistent, cross-browser press animation — scale down on pointerdown/keydown, back to rest on release, with a static opacity fallback under reduced motion
Row of prompt pills that cascade in after a reply lands, offering the user a next turn without composing one
Breathing border glow that wraps any card: colour blobs drift along the edges as a crisp 1px ring, a feathered inner glow and a blurred bloom, with slow hue rotation, fade in/out on an active flag, four palettes and an outside halo variant
A set of mutually exclusive options, built on real input type=radio elements sharing one name so the browser gives the roving tab stop and keyboard navigation for free.
Animated button with a rainbow gradient border; on hover or focus a rainbow beam rides around the border with a soft halo. Other native attributes are forwarded to the rendered element
Collapsible reasoning trace that streams while the model thinks, then folds itself into a one-line summary
An agent's proposal awaiting an answer: a kicker, the recommendation, a confidence figure counted up beside a ring that fills to match, and two buttons that collapse into one quiet resolved line
Content-agnostic entrance animation triggered by scroll, mount, or a manual switch, with six directional/scale presets and an arbitrary-length JS-computed stagger for direct children
Set of concentric circles that pulse in a staggered wave, each ring larger, more transparent, and more delayed than the last, with the outermost ring rendered dashed to suggest a fading signal
Button that answers each click with a ripple of light from the click point, a soft glow and two fine rings spreading out like a wave; on hover a glow follows the pointer with a faint ring pulsing from it
A scroll region that stays pinned to its last line while content streams in, lets go when the reader scrolls up, and floats a pill offering the way back down
Thin reading-progress bar that fills as the page — or a target element — scrolls, driven by a zero-JS CSS scroll-timeline where supported and a throttled scroll listener everywhere else, with an optional accessible progressbar label
A pill-shaped search field with a leading icon, a clear button once there's something to clear, and optional debounced search
A single-choice dropdown built on a real button and a portalled listbox panel, with full keyboard navigation, typeahead and focus that never leaves the trigger.
Hooks and helpers the components share: positioning, focus, dismissal, ids, text streaming and portals.
Ref, context and server-rendering helpers for DOM-bound components.
The streaming-safe markdown renderer and its styles.
Animation primitives: easing, presence, stagger, in-view and motion tokens.
The class-name merge helper every component styles itself with.
A modal panel that slides in from an edge of the viewport, for settings, filters, or any focused task that doesn't need a full page
Pill button with a satin sheen: a soft band of light sweeps across the face and lifts the label, then rests; on hover the highlight follows the pointer
A collapsible, grouped navigation rail with labelled sections, a current-item accent, and badges folded into each item's accessible name.
Placeholder bones — a block, one or more text lines, or a circular avatar — with a phase-synced shimmer sweep or opacity pulse, that swaps to real content once loading finishes while keeping aria-busy semantics correct throughout
Restyled native range input with a purple-to-cyan gradient fill that tracks the current value and a glowing thumb
Multiplayer-style cursor: an upright coloured arrow with a white rim follows the pointer on a spring, and a name pill trails it on a softer spring and dims when idle.
The opt-in interface sound engine, its themes, hooks and toggle.
The citations under an answer: a pill carrying a stack of domain monograms and a count, expanding into scannable source cards with title, host, and the line worth reading
Canvas-based floating particle sparkle effect with configurable density and colors
Text overlaid with small SVG star sparkles that scale, rotate, and fade in a continuous loop, each one regenerating at a random position once its lifespan expires, cycling between two configurable colors
Three-layer starfield background that scrolls continuously while parallax-shifting in response to cursor movement via spring physics, with stars rendered as box-shadow dots across near, mid, and far depth layers
A 1em SVG status icon that morphs between idle, loading, success, and error, closing its spinning ring into a drawn check or cross with a portalled live region announcing each state
A multi-step progress indicator on light rails: each completed step sends a single sweep of light down the rail to the next, the current bullet breathes a soft halo, and each check draws itself.
Two-column scroll narrative with a scrolling item list and a sticky panel that swaps its content to the item centred in view, stacking to a single top-sticky panel over the items on narrow containers
Renders a growing string as a live token stream: the appended delta lands tinted and settles, with an optional block cursor while the response is in flight
Fan-out panel for parallel workers: one row per delegated agent with its status dot, model badge, task, and its own progress bar
A sliding on/off control that takes effect immediately, built on a native checkbox input
A tablist compound with roving-tabindex keyboard navigation, automatic or manual activation, and an accent-underline or segmented visual style.
Live command transcript: the prompt line, output as it streams in with its ANSI colours read, a block cursor while it runs, and an exit-status footer when it stops
Terminal-style text streamer with per-character animation, blinking cursor, and glitch effect
A multi-line text field with an optional live character counter and auto-growing height, built on a native textarea
Typewriter-style text reveal that fades in words one by one with optional blur
Card that reveals text on horizontal mouse drag with animated star particles
Single-line text that rolls to its new value per grapheme, odometer-style, whenever the value prop changes — while the real, unsplit text stays selectable and readable
Live agent status line with a shimmering activity label and an elapsed timer, as a bare inline row or a bordered status pill
Conversation history for a chat sidebar: one row per thread with an unread dot, its last message, and a relative timestamp, plus selection and per-row delete