A curated collection of Framer resources, encompassing tutorials, tips, tricks, remix links, expert directory, success stories, and striking showcase.
Submit Your Framer Link
While I'm building a fancy submission form, you can send your favorite Framer links to hey@hyperframer.com or mention @hyperframercom on X/Twitter. If it's a good one, I'll add it in a couple of days.
Featured
May 19, 2023 12:36
May 19, 2023
Aritro Paul on Twitter #23643 #27035
Portfolio works is always PIP (Perpetually-in-Progress), but mine is now navigable! https://t.co/oLVmtPC7Rj Built with @framer.
Featured
May 19, 2023 12:27
May 19, 2023
Hero section hover interactions
An interactive hover animation that's perfect for portfolio hero sections. It mimics the movement of the mouse. Made with Framer
Featured
May 19, 2023 1:23
May 19, 2023
BrandBook™ — Branding Guidelines Template for Framer
BrandBook™ is the ultimate Framer template for creating comprehensive brand guidelines. Showcase your brand typography, color palettes, logos, icons, and more with pre-designed layouts. Establish a distinctive brand identity that sets you apart with ease.
Featured
May 18, 2023 16:53
May 18, 2023
Zulal on Twitter #23644 #27043
Designers! I'm building a comprehensive @framer template for portfolios. The bio/about page has the following sections: • Intro • Process • Career timeline • Testimonials • Hobbies/photos What other essential sects you'd add for your bio? Your input is appreciated! 🙏🏼
Featured
May 18, 2023 15:12
May 18, 2023
Framer on Twitter #23641
🎓 Announcing our second Official Framer Mentor @timgabedesign. Check out some of the awesome Lessons Tim has already posted including a 30-minute Complete Website for Beginners tutorial. https://t.co/LdlGbI2cvi
Featured
May 18, 2023 15:02
May 18, 2023
Joris Rood on Twitter #23625
Been playing around with automating stuff in @framer. Created something that might come in handy when working with multiple CMS collections, but might be totally over the top. What do you think? https://t.co/1QwgV2YGzg
Featured
May 18, 2023 14:57
May 18, 2023
Resource by Framer University
for Framer. Created by Nandor Muzsik - Framer University.
Featured
May 18, 2023 14:53
May 18, 2023
Framer Tutorial: How To Use The New Input Component
Discover how to utilize the new input component in Framer, learn to show toast or modal notifications after form submission, and redirect users efficiently. Check out the Framer tutorial today.
Featured
May 18, 2023 13:53
May 18, 2023
FramerBlocks
FrameBlocks is a comprehensive component kit built for use within Framer. The components can easily be copied onto your own personal project giving you building blocks for your dream site.
Featured
May 18, 2023 12:53
May 18, 2023
Denislav Jeliazkov on Twitter #23649
Nothing beats a morning 2 hours focus @framer session 🧘♂️
Featured
May 17, 2023 17:53
May 17, 2023
Ultimate Framer Masterclass | Course
The end-to-end ultimate Framer masterclass course. Level up and get paid more for becoming an expert at building beautiful websites with no-code.
Featured
May 17, 2023 14:23
May 17, 2023
Framer University on Twitter #23625 #23846
"🥳 Became the first official Framer mentor. I started Framer University in January and I wouldn't have ever thought this could happen. Thanks for all the support! 🙏" / Twitter
Featured
May 17, 2023 13:53
May 17, 2023
Joris Rood on Twitter #23637
New edition to Framer Tutorial 🔮 Six simple tips to setup your next @framer project. Checkout this thread to see a few simple steps that help you get more out of Framer.
Featured
May 17, 2023 11:53
May 17, 2023
Opening Book by Framer University
3D book opening interaction (Originally by Vercel) for Framer. Created by Nandor Muzsik - Framer University.
Featured
May 16, 2023 12:57
May 16, 2023
Aesthetic video hero with sticky scroll tutorial in Framer (No-code)
Explore our latest Framer tutorial on YouTube that shows you how to create an aesthetic video hero with sticky scroll, without coding.
Featured
May 16, 2023 12:53
May 16, 2023
Frameplate | Framer website templates
The latest Framer templates created by the community to build your own website
Featured
May 15, 2023 17:53
May 15, 2023
Topbar Animation
A Framer Scroll Animation demo by Benjamin. Add high-fidelity effects and animate variants within specific sections, like switching your topbar to a different theme on your landing page, or playing a video only when it's visible.
Featured
May 15, 2023 15:57
May 15, 2023
Cosmo Particles Component for Framer
Cosmo Particles Component for Framer
Featured
May 15, 2023 14:29
May 15, 2023
Framer Booster
Boost your Framer projects with free React components or order custom ones !
Featured
May 15, 2023 14:29
May 15, 2023
Framer - Before & After Image Slider
Learn how to add a beautiful before and after image slider to your Framer projects. Customize all aspects including handles and labels directly in Framer.
Featured
May 15, 2023 14:23
May 15, 2023
Image hover and reveal Interactions: Learn how to create in 10mins using Framer
Discover how to create stunning Image Hover and Reveal effects in just 10 minutes with our Framer tutorial on YouTube. Perfect for web animations!
Featured
May 14, 2023 12:38
May 14, 2023
Framer Airtable API
Framer Airtable API. GitHub Gist: instantly share code, notes, and snippets.
Featured
May 12, 2023 1:52
May 12, 2023
DANN© on Twitter #23655 #27115
"Dear @Framer experts, The first one of you that makes a solid, no-fluff course about Framer from beginner - advanced will be rich. Needs to be incredibly good design tho. Framer community has the best design so you need to fit in. If you need help/resources, lmk." / Twitter
Featured
May 12, 2023 0:42
May 12, 2023
Framer University on Twitter #23654
I published 43+ @Framer remixes / components / tutorials in the past couple of months. However, most of them are lost in my Twitter profile. Should I organize them all on the https://t.co/AvWaiqP14d website?
Featured
May 11, 2023 23:09
May 11, 2023
Bezel on Twitter #23653 #27115
"so excited to launch our new site. all done in-house, no complicated dev work required - much like our 3D design tool! Love to the @framer team for making websites easy!" / Twitter
Featured
May 11, 2023 23:09
May 11, 2023
Ryan Hayward on Twitter #23646 #27094
Help chat modal built in @framer 💬 ✅ 100% native 🔥 Inspired by Intercom Comment "Framer" below and I'll send it to you (DM's must be open) 👉 Live demo: https://t.co/eX107m893d
Featured
May 11, 2023 23:09
May 11, 2023
Ryan Hayward on Twitter #23653
I made Framer's new search component even more beautiful ⭐️ Comment "Template" and I'll send you the remix link ✨ (DM's must be open) Epic as always, @framer 🙏
Featured
May 11, 2023 23:08
May 11, 2023
Incorporating Dynamic Scribbles into Your Website. — Framer Hype Feed
Discover how to incorporate creative and playful scribbles into your website design without coding. Follow this tutorial to learn how to animate and customize the Scribbles to fit your unique style.
Featured
May 11, 2023 23:08
May 11, 2023
Framer University on Twitter #23622
Search has finally arrived in @Framer. But what does each property control? Here's your guide: 🧵
Featured
May 9, 2023 17:08
May 9, 2023
Framer Update: Site Search
We're excited to introduce Site Search. Easily add Search functionality into your site by dragging the Search component from the Insert Panel into your proje...
Featured
May 9, 2023 16:15
May 9, 2023
Framer Markdown
a component to render markdown in framer. supports auto-sizing and allows for every element to be customized from the properties panel. all styles are configurable via the properties panel.
Featured
May 9, 2023 0:44
May 9, 2023
Creating Animating Gradients in Framer with No Code — Framer Hype Feed
In this video, you'll learn how to create animating gradients in Framer with no code. The tutorial covers how to use the Particles component from https://framer.supply/ to create various effects, including a moving gradient and a gradient blur effect.
Featured
May 8, 2023 17:40
May 8, 2023
Framer: Site of the Month Award
Honoring the best Framer-built websites every month. Win exclusive merch, a year of Framer Pro, and get recognized among the top designers.