01 / Gradient Mesh Animation
Color in
Motion.
Animated gradient orbs blending deep purple, teal, and warm orange — smooth, endless, alive.
CSS Custom Properties · @keyframes · filter: blur
Scroll
02 / Particle Canvas
Connected
Universe.
Particles drift and connect when near. Move your cursor — they scatter away.
HTML5 Canvas · requestAnimationFrame · Mouse Repulsion
03 / Morphing Blob Background
Organic
Elegance.
SVG blobs shifting shape with a gooey filter — calm, premium, alive.
SVG · feGaussianBlur · CSS Morphing
04 / Text Reveal on Scroll
Every
Word
Arrives
Characters stagger into existence as you scroll — using IntersectionObserver and CSS animation delays.
IntersectionObserver · CSS Stagger · clip-path
05 / Parallax Image Layers
Into the
Depth.
Five CSS gradient layers move at different speeds — creating a natural sense of depth without a single image.
scroll · translateY · CSS Gradients · Depth Illusion