All blog posts
Sort by
Categories
Frontend Development
Horizontal Scroll Carousel in React with Framer Motion
Learn how to build a smooth, scroll-driven horizontal carousel in React using Framer Motion and TypeScript.
Frontend Development
Animated Cursor Trail Effect in React with Framer Motion
Learn how to build a smooth, animated cursor trail in React using Framer Motion
Frontend Development
Masked Cursor Effect in React with Framer Motion
Learn how to create a masked cursor effect in React with Framer Motion using smooth animations and modern UI techniques.
Frontend Development
Modern Content Carousel with Next.js and Framer Motion
Learn how to build a fully animated content carousel from scratch using Next.js, Framer Motion and SCSS.
Frontend Development
Recreating Stripe's Hero Section with Next.js and Spline 3D
Learn how to rebuild Stripe's hero section step by step using Next.js and Spline 3D, from background animation through to navbar, buttons and layout.
Frontend Development
On-Scroll Image Animations with Next.js and Framer Motion
Learn how to create stunning on-scroll image animations in Next.js using Framer Motion, with three practical animation examples and viewport control.
Frontend Development
Scroll Progress Bar with Next.js and Framer Motion
Learn how to build a clean scroll progress bar in Next.js or React using Framer Motion, with dynamic scroll tracking and simple, reusable component setup.
UI Design
AI Product Design with Six AI Tools
Learn how to design a complete website using six AI tools, from information architecture and wireframes through to branding, imagery and final layout in Figma.