Interactive 3D &
Animation Components
A curated library of WebGL 3D meshes, GSAP timelines, and dynamic loaders. Preview them live, copy the source code, or download standalone .jsx files for your projects.
Morphing Digital Clock
Real-time anime.js digital clock with SVG path morphing for hours, minutes, and seconds, glowing drop shadows, and central glow quote.
Full Stack Engineer
2024 — Present
BS Software Engineering
2023 — 2024
Milestones & Experience Timeline
Full-featured interactive career milestone timeline with GSAP ScrollTrigger animations, floating orbs, and interactive experience cards.
GSAP Animated Statistics Counter
Dynamic numbers counter triggered on scroll with easing, snap formatting, and customizable suffixes.
Spring Bounce Skill Card
Developer skill progression card with intersection observer trigger and custom bounce easing animation.
Framer Motion Radial Loader
Full radial percentage progress loader using Framer Motion motionValues, transforms, and circular SVG geometry.
Canvas Ambient Particle Field
Lightweight HTML5 Canvas particle system generating floating ambient amber particles with wrap-around boundaries.
Neon Letter Glow Text
Letter-by-letter neon glow effect with smooth CSS transitions, letter spacing animations, and apostrophe formatting.
Gradient Hover CTA Button
Custom CTA button with animated gradient bubble reveal, text color invert, and bouncing SVG arrow icon.