CodePen & Experiments

Interactive demos, CSS experiments, and animation playground — where I test ideas before they become real products.

Live on CodePen

Interactive demos and CSS experiments — click any card to open it on CodePen.

Magnetic Button

Button that elastically follows the cursor — GSAP mouse tracking with elastic ease.

GSAPAnimationUI

Glassmorphism Card

Frosted-glass UI card with animated orbs and backdrop blur — pure CSS.

CSSUI

Typewriter Effect

Terminal cycling through role strings with blinking cursor — JS + CSS.

CSSAnimationUI

SVG Path Draw

SVG that draws itself on load via stroke-dashoffset animated with GSAP.

SVGGSAPAnimation

Scroll Progress Bar

Gradient reading progress bar with live % counter — GSAP ScrollTrigger scrub.

GSAPScrollTrigger

Neon Text Flicker

Glowing neon sign with realistic flicker using CSS text-shadow keyframes.

CSSAnimation

Dark Mode Toggle

Animated sun/moon switch that transitions the full UI between dark and light themes.

CSSUI

Stagger Card Reveal

Cards that cascade in on scroll with staggered GSAP fromTo and ScrollTrigger.

GSAPScrollTriggerAnimation

Follow on CodePen for updates

New pens drop regularly — GSAP experiments, CSS tricks, interactive components, and more. Hit follow to get notified first.