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 Next.js GSAP 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·[

Animations CSS Performance Motion Design GPU Acceleration

]

Image Gallery with PhotoSwipe

Easily add animated image zoom to your React app using PhotoSwipe library for stunning image galleries

Aug 12·13 min·[

UI Components React PhotoSwipe Image Gallery Frontend

]

Context Menu in React

Guide to creating a custom context menu in React using react-contexify for enhanced user experience

Aug 10·18 min·[

UI Components React Context Menu react-contexify Frontend

]

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 UI Components React Framer Motion Frontend

]

Typewriter Effect in React

Learn how to create a typewriter effect in React with this step-by-step guide. Engage your audience with nostalgic charm

Apr 28·8 min·[

UI Components React Typewriter Effect React Hooks Frontend

]