Build UI animations and interactions

Animation Presets

• Typewriter – Cycle through phrases with typing & deleting
• Thermo Cursor – Interactive thermodynamic heatmap that follows your cursor
• Shimmer Button – Button with animated conic gradient shimmer and highlight
• Holo Cube – 3D rotating cube loader with status text
• Dock – Floating dock bar with icon buttons and hover tooltips
• Kinetic Dots – Bouncing dots with squash & stretch and ripple effects
• Glowing Container – Card with animated hue-shifting glow on hover
• Logo Carousel – Smooth horizontal marquee of logos with optional pause on hover
• Spinner – Classic rotating loader
• Pulse – Scaling pulse effect
• Bouncing Dots – Three bouncing dots loader
• Skeleton – Shimmer placeholder
• Progress Bar – Indeterminate progress strip
• Ripple – Expanding ripple circles
• Glow – Pulsing glow effect
• Morph – Shape morphing loader
• Skeleton Card – Card layout with shimmer blocks
• Skeleton Text Blocks – Multiple text-line shimmers
• Content Shimmer Wave – Full-width shimmer wave overlay
• Circular Progress – Circular progress with easing
• Checkmark Draw – SVG checkmark draw animation
• Button Press Depth – Scale + shadow compression on press
• Gradient Flow on Hover – Animated gradient border/background
• Icon Wiggle on Click – Bounce/wiggle on click
• Floating Label – Label floats up on focus
• Focus Glow Trail – Input focus glow ring
• Toggle Morph (Play/Pause) – Icon morph between states
• Checkbox Draw – Checkbox with draw animation
• Tab Underline – Animated underline tracking active tab
• Sidebar Stagger – Slide-in sidebar with staggered items
• Dropdown Spring – Dropdown with spring-like open
• Animated Arrow – Bouncing arrow pointing down
• Checklist Completion – Checkmark with strike-through
• Bar Growth – Bars animate to value
• Chart Draw-In – Line or bars draw in
• Rainbow – A semicircular rainbow spinner built entirely from box-shadows
• Flip Square – A square that flips in 3D perspective on both axes
• Line of Dots – Five dots that fill and drain left-to-right in a wave
• Whirl – A single ball that scales, whirls, and translates in a hypnotic loop
• Zonal – Two orbs that teleport between random coordinates in an offset rhythm
• Cube – A wireframe 3D cube rotating through X and Y axes in perspective
• Snake – Nine dots trace a snake path, filling then draining in a continuous loop
• Coffee – A coffee cup with three steam wisps rising and fading
• Eclipse – A circle swept by an inset shadow that mimics a solar eclipse
• Book – Stacked pages flip open one after another like a book
• Load Man – A Pac-Man inspired chomping character eating dotted tracks
• Follow the Leader – Orbiting dots that chase each other around a circle with fading opacity
• Spinning Coin – A flat disc that wobbles and spins like a coin tossed on a table
• Vertical Bars Noise – Noise-driven horizontal bars that ripple and scatter on mouse interaction
• Interactive Dots – A grid of dots that scale and pulse in response to mouse proximity and click ripples
• Sliding Ease Bars – Vertical bar patterns that smoothly morph between two states with eased transitions
• Delicate ASCII Dots – Wave interference patterns rendered as dense Braille Unicode characters
• Blinking ASCII Dots – Fullscreen wave interference rendered as animated Braille characters with mouse influence
• Flowing Ribbons – A warped grid of lines that undulates like fabric in a breeze, reacting to mouse and clicks
• Rainbow Cursor – A multi-colored canvas trail that follows the cursor with smooth color cycling and a pulsing line width
• Blob Cursor – Three spring-physics blobs that chase the cursor and merge into a single fluid shape via an SVG goo filter
• Trailing Cursor – A chain of fading dots that follow the cursor with a configurable trail length, speed, and color
• Neon Cursor – A neon dot with a lagging ring and soft glow halo, driven by spring physics on each layer