Blogs

All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.

Smooth Scrolling in Next.js

How to add buttery smooth scrolling to a Next.js app using Lenis, GSAP ScrollTrigger, and Locomotive Scroll. The tradeoffs, the setup, and when you actually need it.

Mar 3·27 min·[

Scroll GSAP Next.js Lenis Web Development Frontend

]

Offloading Motion to the GPU

Fix janky CSS animations by understanding the rendering pipeline. Learn which properties trigger GPU acceleration, why transform beats width, and when to choose CSS over JavaScript.

Feb 3·28 min·[

GPU Acceleration CSS Animations Performance Motion Design

]

Scroll Indicator with Framer Motion

Learn how to create a dynamic horizontal scroll percentage indicator using React and Framer Motion for a more interactive portfolio website

Jul 24·8 min·[

Scroll React Framer Motion UI Components Frontend

]