Components
53 animated components. Copy, paste, and ship.
Animated aurora borealis background with soft color blobs
Canvas-based floating particles that connect with lines on hover
Animated mesh gradient background with smooth color transitions
Interactive dot grid that reacts to mouse movement
Animated light beam/ray sweeping effect
Classic typewriter animation with blinking cursor
Text that scrambles with random characters before revealing
Text that splits and animates each letter using Framer Motion
Animated gradient that flows through text continuously
Number count-up animation with configurable easing
Button that follows the cursor magnetically with Framer Motion
Button with material-style ripple click effect
Button with animated glow/neon border effect
Button with sweeping shine/glint animation on hover
3D tilt card that follows mouse with perspective transform
Card that flips on hover revealing back content
Card with glow effect that follows the mouse cursor
Card with spotlight that follows cursor on dark background
Three.js floating sphere with metallic material and environment
Three.js animated wave plane with vertex displacement
Three.js particle cloud that slowly orbits and breathes
Clean animated CSS spinner with multiple size variants
Animated bouncing dots loader with staggered timing
SVG blob shape that morphs continuously with smooth animation
Tabs with sliding underline indicator using Framer Motion
macOS-style magnifying dock with Framer Motion spring physics
Floating pill navigation that hides on scroll down, reveals on scroll up
Twinkling star field on a deep space background
Dark grid with radial fade, perfect as a section backdrop
Animated GLSL WebGL shader gradient, fully GPU-powered
Text that glitches with random character scramble on hover or mount
Cycles through a list of words with smooth vertical animation
Content that un-blurs and fades in on scroll into view
Text that morphs between strings with a blur transition
Button wrapped in an animated gradient border
Dark button with spotlight glow following the cursor
Frosted glass morphism card with backdrop blur
Dark card with neon glow border that intensifies on hover
Apple-style bento grid layout with hover lift effect
Three.js torus knot with glass transmission material and iridescence
Smooth SVG ring spinner with configurable size and color
Glowing animated progress bar with optional label
6-digit OTP input with auto-focus, paste support, and glow on fill
Password input with real-time strength meter and show/hide toggle
Animated toast notifications with success, error, info, and warning variants
Canvas 2D particle vortex, 700 particles spiral inward with rotating hue, perfect for hero sections
Living aurora text effect using conic-gradient clip-text + SVG feTurbulence displacement
CSS 3D holographic foil card, rainbow conic-gradient overlay shifts with mouse position
Smooth canvas cursor trail, fading particles follow mouse movement with configurable color and length
SVG connector beam that animates between two elements, great for flow diagrams and feature showcases
Individual letters magnetically attract to the cursor using Framer Motion springs
Button with a liquid ripple fill on hover, smooth expanding fill from cursor entry point
Animated SVG fractal noise grain texture overlay, premium film grain effect for dark hero sections