Bringing websites to life with animation in Framer (Animation Lesson 1)
2:31
YouTubeFramer
Bringing websites to life with animation in Framer (Animation Lesson 1)
Animation on the web isn’t just about making things move — it’s about making things make sense. When we hover, click, scroll — motion helps guide the eye, provide feedback, and make the experience feel alive. In this course, we’re gonna look at how to use animation in Framer to add clarity, not clutter — and bring our designs to ...
32.6K views7 months ago
Framer Animation Tutorial
Framer Tutorial: AI Site Generation Workflow (2026 Guide)
21:43
Framer Tutorial: AI Site Generation Workflow (2026 Guide)
YouTubeFramer University
3.7K views2 weeks ago
Create lovely React 3D Animated Card | Beginner REACT.JS Animation with framer-motion
Create lovely React 3D Animated Card | Beginner REACT.JS Animation with framer-motion
YouTubeCoderOne
32.6K viewsMar 1, 2021
Trendy Logo Animation in After Effects - After Effects Tutorial - Simple Logo Animation
11:02
Trendy Logo Animation in After Effects - After Effects Tutorial - Simple Logo Animation
YouTubeFLIMLION VisualFX
2.9M viewsMay 26, 2020
Top videos
Framer Tutorial : Create a Stunning Interactive Header for your Landing Page with Framer Animation
12:53
Framer Tutorial : Create a Stunning Interactive Header for your Landing Page with Framer Animation
YouTubeRyze Design Studio
4.6K viewsNov 1, 2024
Framer Motion (Motion/React) Layout Animations for Beginners!
3:55
Framer Motion (Motion/React) Layout Animations for Beginners!
YouTubeThe Code Creative
15.4K viewsNov 21, 2024
Satisfying Scroll Animations with Framer Motion
47:46
Satisfying Scroll Animations with Framer Motion
YouTubeFrontend FYI – by Jeroen
85.3K viewsMar 2, 2023
Framer Motion Examples
Framer: Create a professional website, free. No code website builder loved by designers.
Framer: Create a professional website, free. No code website builder loved by designers.
framer.com
Jul 8, 2021
Framer Marketplace: Website templates and plugins for Framer, the no-code website builder loved by designers
Framer Marketplace: Website templates and plugins for Framer, the no-code website builder loved by designers
framer.com
Jun 25, 2024
Spring-based Parallax with Framer motion: Step by step | Samuel Kraft
Spring-based Parallax with Framer motion: Step by step | Samuel Kraft
samuelkraft.com
8 viewsMar 16, 2021
Framer Tutorial : Create a Stunning Interactive Header for your Landing Page with Framer Animation
12:53
Framer Tutorial : Create a Stunning Interactive Header for your Landin…
4.6K viewsNov 1, 2024
YouTubeRyze Design Studio
Framer Motion (Motion/React) Layout Animations for Beginners!
3:55
Framer Motion (Motion/React) Layout Animations for Beginners!
15.4K viewsNov 21, 2024
YouTubeThe Code Creative
Satisfying Scroll Animations with Framer Motion
47:46
Satisfying Scroll Animations with Framer Motion
85.3K viewsMar 2, 2023
YouTubeFrontend FYI – by Jeroen
Framer: Create a professional website, free. No code website builder loved by designers.
Framer: Create a professional website, free. No code website bui…
Jul 8, 2021
framer.com
Master Staggered Text Animations with Framer Motion
21:33
Master Staggered Text Animations with Framer Motion
46.2K viewsSep 22, 2023
YouTubeFrontend FYI – by Jeroen
Animated Portfolio Website with React & Framer Motion | React Project for Beginners
2:43:46
Animated Portfolio Website with React & Framer Motion | React Pro…
421.4K viewsOct 11, 2023
YouTubeLama Dev
Complex Animations with Framer Motion & React || useAnimate Hook
13:48
Complex Animations with Framer Motion & React || useAnimate Hook
47.9K viewsOct 20, 2023
YouTubeTom Is Loading
13:35
2+1 Ways to Create Staggered Animations in Framer
1.4K views4 months ago
YouTubeFramer University
12:42
Easy Scroll Transform Animation In Framer
8.4K views7 months ago
YouTubeFlux Academy
17:22
Framer Tutorial: How To Create Interactive Shiny Elements
3.4K views7 months ago
YouTubeFramer University
Framer Marketplace: Website templates and plugins for Framer, …
Jun 25, 2024
framer.com
11:39
Beautiful Animated Nav Bar with React & Framer Motion
34.9K viewsMay 28, 2024
YouTubeTom Is Loading
2:12:04
Build and Deploy a Modern Next.js Website With Fram…
352.6K viewsNov 25, 2022
YouTubeJavaScript Mastery
22:20
Top 4 Techniques for Animating in Framer
45K viewsFeb 4, 2025
YouTubeFramer University
16:41
6 Simple Ways to Animate Your Framer Site
64.1K viewsNov 26, 2024
YouTubeFramer University
15:26
Create an Interactive 3D Carousel - Framer Tutorial
13.5K viewsJul 4, 2024
YouTubeRyze Design Studio
14:00
Framer Motion Part - 1 | Animate and Transition
9.1K viewsSep 5, 2023
YouTubeYatharth Verma
4:54
Horizontal Scrolling Animation with React and Framer Motion
96.2K viewsAug 15, 2023
YouTubeTom Is Loading
6:23
3 Must-Know Text Animations Using Framer Motion and React
11.3K viewsOct 10, 2024
YouTubeThe Code Creative
13:01
Learn Framer Scroll Animations in 13 Minutes
87.5K viewsMar 22, 2024
YouTubeFramer University
47:57
Build a 3D Portfolio with React Three Fiber - Framer Motion Scrol…
72.8K viewsJun 9, 2023
YouTubeWawa Sensei
11:03
Framer Parallax Animation Tutorial
56.8K viewsJul 6, 2023
YouTubeFlux Academy
9:04
How to create a loader animation in Framer
10.3K viewsSep 8, 2023
YouTubeBlue Monkey Studios
9:23
The Framer Motion Scroll Animation Masterclass
70.8K viewsMar 30, 2024
YouTubeTom Is Loading
Framer Animations: Beautiful Things Happen
1.4M viewsNov 19, 2024
YouTubeFramer
24:18
Top 4 Crazy Scroll Animation Examples in Framer
25.1K views9 months ago
YouTubeFramer University
17:07
Framer Motion (React) - The Basics
66.5K viewsJan 2, 2024
YouTuberithmic
14:37
Framer Animations: Complete Guide (Text, Scroll, Components & Creat…
4.4K viewsDec 17, 2024
YouTubeLukas Margerie
6:56
Using the Loop Effect in Framer (Animation Lesson 4)
13.9K views7 months ago
YouTubeFramer
See more videos
Static thumbnail place holder