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

]

Smooth Operators

CSS transitions interpolate between UI states so changes feel intentional. Learn the four transition properties, why to avoid 'all', when transitions beat keyframes, and how to keep hover effects off touch devices.

Feb 27·11 min·[

Easing CSS Transitions Motion Design UI Animation

]

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

]