A growing collection of animated primitives for React.
An animated AI orb avatar with blinking eyes, 12 colors, 3 sizes, and 3 shapes.
A badge with semantic and full-spectrum color variants built on Base UI.
Liquid-glass toggle with spring thumb motion, drag scrubbing, and grab-to-morph interaction inspired by Apple.
A compact on/off switch with accent-state color, spring thumb motion, and reduced-motion support.
A tactile gradient button with restrained color variants and press feedback.
Accessible verification-code slots with separators, masking, validation states, and reduced-motion support.
A text field with a spring-following caret, stable measurement, and accessible field states.
A tactile slider with spring motion, precise steps, and complete pointer and keyboard controls.
An accessible modal with responsive sizes, optional close control, and flexible footer alignment.
An accessible draggable side panel with configurable footer alignment and an optional handle.
Accessible icon tabs that expand the active label with spring layout and blur-fade motion.
Accessible multi-step flows with visited-step navigation, keyboard controls, spring progress, and directional panels.
A composable edge treatment that progressively blurs scrolling content into its container background.
Stacked Spotify album covers with click-to-eject spinning vinyl, reflections, and neighbor dimming.
A scroll-driven footer with animated spectrum bars, inspired by Dia browser.
Server-rendered repository card with cached GitHub metadata, topic tags, language, and stats.
A 3D glass folder with hinged cover, frosted blur, and stamp cards that fan out on open.
Quote-word thumbnails with a giant headline swap on hover, per-character GSAP reveals, and a cursor dot that expands into a bubble.
An iPhone-style device frame with custom screen content, image support, and animated carousel or stack layouts.
An animated SVG signature effect that draws out text as if hand-written.
Spotify track card with blurred art, vinyl animation, preview playback, and seek controls.
Tall vertical Spotify card with progressive blur album art, seek bar, and transport controls.
Inertial month, day, and year wheels with cylindrical depth, spring snapping, and keyboard control.
Inertial time wheels with optional minute and second columns that resize the picker automatically.
Hero carousel with pill timer pagination, arrow controls, and blur-fade slide transitions.
Split editorial carousel with large arrows, timed progress pills, and blur-fade image transitions.
Gallery carousel with floating pill controls, expanding dot timer, pause/replay, and horizontal blur-slide transitions.
Spring-driven image gallery with a large draggable stage, expanding thumbnail rail, arrow controls, and autoplay.
A sweeping gradient band reveals text, then settles on your theme foreground color.
A viewport-triggered scramble effect that resolves gibberish into readable text one character at a time.
A stable typewriter reveal with a short scrambling edge, refined caret presets, and imperative replay controls.
A compact 3D text rotator that rolls through words while reserving enough width for the longest item.
A hand-drawn underline that sketches in on hover or keyboard focus and cycles through organic stroke shapes.
A pointer-led character ripple that travels through text with configurable glyph sets.
Hover-expand rows with full-bleed imagery, indexed labels, and dimmed siblings.
A card with animated SVG strokes and word-by-word text reveal on hover.
A fan-out card stack with hover lift, spring focus, and receding background cards.
Animated logo cloud with staggered fade-in and group cycling.
Animated logo cloud that cycles groups of 3 logos with spring blur transitions.
CSS-animated logo carousel that cycles groups with vertical blur and slide transitions.
CSS marquee logo cloud with configurable direction, speed, gap, and gradient fade edges.
Bordered logo grid with grayscale hover reveal, dimmed siblings, and company metadata.
Case-study logo grid with multi-line title and hover-to-reveal study links.
Modern pricing grid with animated sliding numbers, yearly billing toggle, and featured plan corner decorations.
Three-column pricing with a gradient featured card and illustrated cursor decoration.
Asymmetric three-column pricing with an elevated featured plan, amber badge, and security footer note.
Horizontal list-style pricing with accent blobs, strikethrough prices, and optional recommended badge.
Tabbed individuals/teams pricing grid with coloured card backdrops, Avatar orbs, grain overlays, and feature checklists.
Split two-plan pricing with header label, icon feature rows, and a most-popular badge.
A compact sidebar with a springing active indicator and accessible navigation items.
A springy action button that dissolves into a compact row of choices.
A compact action button that springs into a responsive grid of customizable menu items.
Frame-sequence player that cycles still images into a GIF-like loop with preload and custom renderers.
Venetian-blind cursor image trail with staggered slice reveals and smoothed pointer tracking.
Responsive marker rail with spring-scaled indicators and blur-fade preview transitions.
Motion-powered cursor trail of drifting stickers that spawn and fade as you move the pointer.
Cursor-following play control with blur-fade thumbnails and YouTube-style ambient glow.
Inline player with centered play, sliding controls, scrubber, volume, and optional ambient glow.
