framer tutorial: building a responsive site from scratch

✔︎ Framer University: https://frameruni.link/yt ✔︎ Create a free Framer account: https://framer.university/free-account In this video, I'm going to teach you how to build a fully responsive Framer website from complete scratch using a site structure developed by top Framer experts. For the practice project, we're rebuilding a few sections from the Framer landing page, with an animated gradient background, parallax scroll effects, and advanced bento grids. → Remix the tutorial project: https://framer.university/resources/framer-website-recreation-in-framer 0:00 - Introduction 1:54 - Structure Setup 10:47 - Building Sections: Hero 43:10 - Building Sections: Social Proof 44:47 - Building Sections: Advanced Grid 58:02 - Responsive Navigation 1:13:03 - Layout Template 1:16:49 - Intro Anims 1:19:16 - Additional Resources Follow me on: X: https://twitter.com/learnframer Instagram: https://instagram.com/framer.university