Grepped
Docs
Pricing
Resources
Build UI animations and interactions
Create app components, cursor effects, loading states, and micro-interactions by chatting with AI.
Build me a
|
Expert
Generate
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