GSAP Scroll Animation
Staggered entrance animations driven by scroll position using GSAP ScrollTrigger — elements cascade in with elastic easing as you scroll.
// mini_demos
CodePen & Experiments
Interactive demos, CSS experiments, and animation playground — where I test ideas before they become real products.
// experiments_lab
Coming to CodePen
These experiments are in the works — a sneak peek at the types of demos I'll be publishing. Follow me on CodePen to get notified when they drop.
CSS Glassmorphism Card
A frosted-glass UI card with layered blur, vivid background orbs, and subtle border glow — pure CSS, no JavaScript required.
SVG Path Animation
Smooth path drawing using stroke-dashoffset transitions — SVG lines that draw themselves on scroll, with a trailing dot marker.
Magnetic Button Effect
A cursor-tracking magnetic button that pulls toward your mouse with a glowing halo — built with JavaScript mouse events and GSAP quickSetter.
Particle Background
Floating ambient particles with random drift and twinkle — implemented entirely in CSS with custom properties and keyframe animations. No canvas.
Typewriter Effect
A CSS-only typewriter that cycles through phrases — uses steps() timing, animation-delay chaining, and a blinking cursor with no JavaScript needed.