Magnetic Button
Button that elastically follows the cursor — GSAP mouse tracking with elastic ease.
// mini_demos
CodePen & Experiments
Interactive demos, CSS experiments, and animation playground — where I test ideas before they become real products.
// experiments_lab
Live on CodePen
Interactive demos and CSS experiments — click any card to open it on CodePen.
Glassmorphism Card
Frosted-glass UI card with animated orbs and backdrop blur — pure CSS.
Typewriter Effect
Terminal cycling through role strings with blinking cursor — JS + CSS.
SVG Path Draw
SVG that draws itself on load via stroke-dashoffset animated with GSAP.
Infinite Marquee
Two-track infinite ticker scrolling in opposite directions — pure CSS, no JS.
Scroll Progress Bar
Gradient reading progress bar with live % counter — GSAP ScrollTrigger scrub.
Neon Text Flicker
Glowing neon sign with realistic flicker using CSS text-shadow keyframes.
Dark Mode Toggle
Animated sun/moon switch that transitions the full UI between dark and light themes.
Stagger Card Reveal
Cards that cascade in on scroll with staggered GSAP fromTo and ScrollTrigger.