Framer: Beginner to Pro
Who It’s For — And What You’ll Actually Learn
Go from a Framer beginner to a Pro in weeks with the most comprehensive course in the market.
Homepage & Components
Components module overview
2:34
Free
Setting up our project & first font styles
9:14
Free
Defining all font styles
10:48
Free
Setting color styles
10:27
Hero section
13:54
Working with logos in Framer
6:27
Validation section & ticker component
9:30
Feature highlights section
16:24
Features section: designing the section
15:08
Features section: turning into components
8:30
Process: Designing the section
14:15
Process: Adding interactivity
7:12
Vertically rotating card: design
11:07
Vertically rotating cards: interactivity
11:21
Featured testimonial
11:51
FAQ: designing cards
13:21
FAQ: making card interactive
7:37
Blogs & CMS
Blogs & CMS Module overview
1:10
Free
Setting up our first CMS collection
8:11
Designing blog post page
7:58
CSV importing & exporting
3:13
CMS references
12:11
Conditional views
3:36
Creating our Blog card
11:24
Connecting components to CMS
6:40
CMS filtering & limits
8:39
Adding a Back button
6:08
Legal page with Previous & Next buttons
11:43
Animations & Effects
Animations & Effects Module overview
0:57
Free
Header Appear effect
8:43
Hero circle scroll transform effect
7:31
3D scroll transforms
6:53
Scroll speed effect
3:30
Scroll animation for Navbar
2:35
Appear animation with a delay
6:09
Feature section - Effects on component level
5:45
Loop, Drag, Hover & Press effects
10:37
Text effects
5:49
Page effects
6:53
Buttons hover effect
8:09
Feature title.
Feature description.
Feature title.
Feature description.
Feature title.
Feature description.