Animation
LivePreview
Avatar pill with animated counter
Pixel-perfect stat pill from Figma — overlapping avatars + GSAP counter animation on scroll.
Client · GSAP
Install guideComponents
Try each one live. Take the code. Make it yours.
Interaction
LivePreview
Physics-driven tech stack chips
Draggable Matter.js pills that fall, collide, and reset — built for dark portfolios.
Client · Matter.js
Install guideAnimation
LivePreview
Scroll-driven headline color wipe
GSAP ScrollTrigger scrubs a gradient across split lines — full opacity on scroll.
Client · GSAP
Install guideUI
LivePreview
Expandable tech stack pills
Hover-reveal logo chips with svgl.app fallbacks — used on project detail pages.
Client · Next.js
Install guideInteraction
LivePreview
WebGL hover image transition
Pointer-driven OGL shader morph between two portraits — edge ripple and magnetic direction.
Client · OGL
Install guideUI
LivePreview
Hover-reveal copy email CTA
Layout-animated button that expands on hover to show email and copies on click.
Client · Motion
Install guideAnimation
LivePreview
3D hover letter flip
Staggered rotateX flip per character — smooth hover swap with reverse stagger on leave.
Client · Motion
Install guideAnimation
LivePreview
Interactive card stack
GSAP-powered card stack that swaps on click, tap, or keyboard interaction.
Client · GSAP
Install guideLet’s connect
I’m always open to discussing new projects, creative ideas, or opportunities to be part of your visions. Just reach out!
