✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, I'm walking you through the process of building your first Framer site. We're covering a bunch of things: creating a responsive structure for the website, building a fully responsive navigation, adding amazing animations, and of course, optimizing the entire website for different breakpoints. If you want to start with Framer, now is the perfect time! :)
→ Remix the tutorial project: https://framer.university/resources/interactive-mini-website-template-for-framer
0:00 Introduction
5:06 Hero section
26:04 Features section
35:26 Navigation
44:21 Footer
49:08 Animation
55:19 Responsive navigation
1:05:11 Optimizing sections
1:04:19 Publish
1:04:56 Additional resources
Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university