Completed
Framer Motion Horizontal Scroll Animation Tutorial
Class Central Classrooms beta
YouTube playlists curated by Class Central.
Classroom Contents
Next.js Animated Portfolio Website with Framer Motion and Tailwind CSS - Beginner Project
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction
- 2 Installation
- 3 Responsive Navbar Design with Next.js & Tailwind CSS
- 4 Hamburger Menu Design with Next.js & Tailwind CSS
- 5 Next.js How to Give Active Link Style for a Navbar Link?
- 6 Hero Section Design with Next.js & Tailwind CSS
- 7 Next.js Framer Motion Tutorial
- 8 Framer Motion Hamburger Menu Animation
- 9 Framer Motion Stagger Children Tutorial
- 10 Next.js Framer Motion Page Transition Tutorial
- 11 Portfolio Website About Page Design
- 12 Portfolio Website Skills Section Design
- 13 Timeline Design with Tailwind CSS
- 14 Framer Motion SVG Animation Tutorial
- 15 Framer Motion Scroll Animation Tutorial useScroll & useTransform hooks
- 16 Framer Motion useInView Hook Tutorial
- 17 Portfolio Page Design with Next.js & Tailwind CSS
- 18 Framer Motion Horizontal Scroll Animation Tutorial
- 19 Circle Text Rotation Animation Tutorial
- 20 Portfolio Single Item Design
- 21 Portfolio Website Contact Page Design
- 22 Framer Motion Text Typing Animation
- 23 Next.js Contact Form Design
- 24 Portfolio Website How to Send a Mail Using a Contact Form?
- 25 How to Deploy a Next.js App to a Hosting?
- 26 Outro
