Built With Code

Dark mode with TailwindCSS in under 7 minutes

Infinite scrolling carousel with hover effects using Framer Motion

Build a Modern Portfolio with Next.js, Tailwind, Framer Motion

Custom themes with TailwindCSS in under 9 minutes

Modern landing page animations with Next.js, Framer Motion, TailwindCSS: PART 2

Modern landing page animations with Next.js, Framer Motion, TailwindCSS: PART 1

Minimalist video player (Apple-inspired) using Next.js and Tailwind

Landing page with Parallax & Smooth Scroll using Lenis and Framer Motion

Apple-inspired dark mode scrolling animation with Framer Motion

Animated gradient text with TailwindCSS

Block editor in Next.js using BlockNote and UploadThing

Smooth scrolling from scratch with Framer Motion

Animated image carousel (Apple-inspired) using Framer Motion

Scrolling Table of Contents with Framer Motion

Create a Responsive and Animated Navbar with Framer Motion

Animated bottom tray with Framer Motion layout animations

Scroll progress bar - Building a news website with animations PART 4

Parallax scrolling in just 3 lines of code

Use images like a PRO in Next.js: Beginner’s guide to image optimization

Animated custom scrollbar with Framer Motion Layout Animations

CSS Border Animations with Framer Motion in 7 Minutes

Next.js page transitions using Framer Motion | Speed code

Page transitions in the Next.js App Router (View Transition + Motion)

How to make your website feel like a native app

Floating Card Animations with CSS and Framer Motion

Page transitions and content skeleton - Building a news website with animations PART 2

Building a modern animated list with Framer Motion, Next.js, TailwindCSS

Sliding navigation menu - Building a news website with animations PART 1

Sliding image gallery using React.js and GSAP | Speed Code

Building a news website with animations - PART 0: Intro

This scroll animation feels alive (Motion + Lenis)

Lenis smooth scroll in under 4 minutes