Watch the extensive 2024 beginner tutorial →
A basic Framer tutorial, showcasing how to create a simple landing page in Framer—completely from scratch, and in just about 15 minutes. Try Framer for free here:
Timestamps:
00:00 Introduction
00:23 Drawing a Topbar
01:20 Creating a Stack
02:19 Creating a Component
02:32 Creating a Text Style
04:00 Creating a Link
04:26 Adding a Video
05:01 Adding a Hover State
06:47 Adding Breakpoints (Responsive Workflow)
07:58 Turning Pages into Stacks
08:58 Adding a Content Wrapper with Max Width
12:05 Adding an Overlay
13:19 Adding Appear Effects
14:20 Customizing the Overlay
15:24 Adding Page Links to the Topbar
🌞 Try Framer for free:
🎉 Follow on Twitter:
💎 Join Community:
#website #webdesign #framer
1 view
26
8
2 weeks ago 00:10:48 1
SuperEnduro Romania 2025 | Billy Bolt dominated the Night | Highlights
2 weeks ago 00:03:10 1
Paramore: crushcrushcrush [OFFICIAL VIDEO]
2 weeks ago 01:43:11 1
Moto-X Heaven On Earth
2 weeks ago 00:13:14 2
Trump, la révolution commence
2 weeks ago 00:05:00 1
A CGI 3D Short Film: “NIGHTFALL“ - by The NIGHTFALL Team + ARTFX | TheCGBros