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 5, 2023 21:27
May 5, 2023
The daily framer drop
The goal of the Daily drop is to release a Framer update on a daily basis. All to get more familiar with Framer and to help the community get better results.
Featured
May 5, 2023 21:27
May 5, 2023
Zulal on Twitter #23636
Ending my day with a new @framer resource for you. A giga menu. Grab a copy 👇🏻 https://t.co/nqtLDhGx2g Retweet/like if you find this helpful 🙌🏻
Featured
May 5, 2023 21:27
May 5, 2023
Segment UI | Components for Framer
Component and Interaction library for Framer
Featured
May 5, 2023 21:27
May 5, 2023
Framepad
Get a hold of the largest Framer component library designed for speed and consistency. Explore high quality responsive components, templates, frameworks, guides and more.
Featured
May 5, 2023 21:27
May 5, 2023
Super blocks
Supercharged website blocks, built for Framer. Build websites in minutes using our monthly updated library of website blocks
Featured
May 5, 2023 21:27
May 5, 2023
Component List for Framer
Dicover new free and paid components for building interactive, creative sites in Framer.
Featured
May 5, 2023 21:27
May 5, 2023
Framer Supply — Components for Framer
Add some magic to your sites with these funky components for Framer, the web design tool for creative pros. Components made by Benjamin den Boer and friends.
Featured
May 5, 2023 21:26
May 5, 2023
Working with Variables in Framer
Explore the power of variables in Framer to design interactive UIs. Learn to implement text, image, date and other variable types with easy-to-follow Framer tutorials.
Featured
May 5, 2023 21:26
May 5, 2023
Zulal on Twitter #23652
New @framer tutorial ✨ 🏄♂️ You're going to learn 👇🏻 — How to create 3d image showcase on scroll — In-depth scroll variants — Dynamic component with variables Live Preview 😶🌫️ https://t.co/8pbD1pmXFK
Featured
May 5, 2023 21:26
May 5, 2023
Aleks on Twitter #23636
Hey! It's Framer Friday 🤩 Let's add some sweet parallax to our project in under 5 minutes using the underrated "Scroll Speed" effect ↓
Featured
May 5, 2023 21:26
May 5, 2023
Ready-to-Remix Menus for Your Next Project. — Framer Hype Feed
Irfan Aziz has collected some of the best ready-made Framer menus created by top designers. In this blog post, we'll take a closer look at these menus and explore their features.
Featured
May 5, 2023 21:26
May 5, 2023
Framer University on Twitter #23637
⚡️ Quick @Framer Tip 🧠 Learn how you can change the positioning of your graphic layers in Framer. Normally, you cannot set graphic layers to absolute positioning, so you can't move them anywhere inside of a stack. In this video I'll show you the workaround. 👀
Featured
May 5, 2023 21:26
May 5, 2023
Floris Verloop on Twitter #23622
Many people have asked how we created the synced pricing cards on https://t.co/Dg7zDaGykk with @framer. Turns out, it's just a few simple overrides. Watch this video to learn how to write your own or remix the final project here: https://t.co/y1c7iFZEVp
Featured
May 5, 2023 21:26
May 5, 2023
Create a Floating Navigation that Appears on Scroll in Framer — Framer Hype Feed
In this tutorial, you'll learn how to create a floating navigation that appears as soon as the user starts scrolling down the page and remains on the page all the way to the bottom. Using scroll sections and scroll animations, this simple and effective technique can improve user experience and make navigation more accessible. Follow along step-by-step and find a remix link below to create your own floating navigation in Framer.
Featured
May 5, 2023 21:26
May 5, 2023
Engaging Portfolio Index Pages to Showcase Your Work. — Framer Hype Feed
In this article, I'll show you how I used Framer components to create interactive portfolio items to make your work stand out. Follow along or remix the project to copy them to your project.
Featured
May 5, 2023 21:26
May 5, 2023
Framer University on Twitter #23657
Quick Tip: 🍋 Integrate a @lmsqueezy checkout experience on your @Framer website with just a couple of clicks by using the component by @benjaminnathan. 1. Pull up the insert menu 2. Search for "Lemon" 3. Drop it on the canvas 4. Customize it via properties So easy. 🪄
Featured
May 5, 2023 21:26
May 5, 2023
Zulal on Twitter #23653
Just recreated @euboid's awesome testimonial grid from Senja in @framer. Grab it for free and level up your Framer website with it 🚀 Live version 🏄♂️ https://t.co/L7vZ5m2DhY Remix 🐨 https://t.co/kUGOqk96AS
Featured
May 5, 2023 21:26
May 5, 2023
Clara on Twitter #23624
🤓 @framer tutorial: scroll to top button In this tutorial, you'll learn: • how to use fixed positioning • how to use scroll variants And a bit of troubleshooting 😬 Let's go ⬇️
Featured
May 5, 2023 21:26
May 5, 2023
How To Create A No-Code Scroll Animation
Create scroll animations, image distortions, and more with the no-code tool, Framer. It's perfect for beginners and professionals, making website design easy and fun.
Featured
May 5, 2023 21:25
May 5, 2023
Advanced Scroll Animation (ZERO Code)
Explore Framer, a user-friendly tool for creating impressive website scroll animations, no coding required. Learn from tutorials, remix, and start animating for free.
Featured
May 5, 2023 21:25
May 5, 2023
Framer Tutorial: No-Code 3D Tilted Scrolling for Your Website
Learn to create an impressive scroll effect with our Framer tutorial. No coding required! Explore, experiment, and let your creativity soar. Join the Framer enthusiasts today!
Featured
May 5, 2023 21:25
May 5, 2023
Aleks on Twitter #23649
It's Framer Friday! 🥳 Let's make this fun card reveal animation (complete with automatic light & dark modes). Legggo ↓
Featured
May 5, 2023 21:25
May 5, 2023
Joris Rood on Twitter #23624
⚡️Learn to build @messagebird's sleek dropdown menu without writing a single line of code! ⚡️ Check out this @framer tutorial that shows how to use interactions within nested components. Be sure to follow me for daily updates on building amazing things with Framer.
Featured
May 5, 2023 21:25
May 5, 2023
How to Create a Scrollable Navigation Sidebar with Dynamic Scroll Position Control
Learn to level up your web design skills by creating a quotable navigation sidebar with Framer via this YouTube tutorial. Ideal for both experts and novices.
Featured
May 5, 2023 21:25
May 5, 2023
Framer University on Twitter #23650
✨ No-code text reveal on scroll: @Framer tutorial. Let's learn: - how to use sticky positioning - how to use hidden trigger frames for interactions - how to use scroll variants Find the remix link in the comments 👇
Featured
May 5, 2023 21:25
May 5, 2023
Eddy Gann • eddyg.design on Twitter #23636
1️⃣ After I posted a component from my @framer portfolio site, I got some messages asking about the site navigation components. Thought it might be nice to create a quick step by step thread here 🧵 #framer #NoCode #design
Featured
May 5, 2023 21:25
May 5, 2023
Aleks on Twitter #23636
Framer February → Day 13 ✨ Create a sticky, horizontal scroll section using Scroll Transform in @framer. Let's get started ↓
Featured
May 5, 2023 21:25
May 5, 2023
Pascal Potvin on Twitter #23623
Here is the short video on how I achieved this hover effect in @framer 1. Turn your page into a component 2. Once completed, double click into it to make overrides 3. Create a variant of that page 4. Link [Konig /2023] to the new variant 5. Link the new variant to home 👇
Featured
May 5, 2023 21:25
May 5, 2023
Framer University on Twitter #23647 #27110
[Tutorial Thread] 🧵 🪄 Learn how I made this @diagram style galaxy ✨ hover effect in @framer. Remix link at the end 👇
Featured
May 5, 2023 21:24
May 5, 2023
Matteo on Twitter #23622
Quick @framer tutorial thread 💡 Got a few people asking how to create this video that plays only on hover. Here's a quick tutorial on how to do it . Remix link at the end👇
Featured
May 5, 2023 21:24
May 5, 2023
Aleks on Twitter #23652
Framer February → Day 22 ✨ Create 🧈 butter-smooth expanding cards using @framer. Let's get it ↓
Featured
May 5, 2023 21:24
May 5, 2023
Create an animating shimmer effect like the Linear app website without any code
Learn how to craft an animating shimmer effect like the Linear app website with no coding. A Framer tutorial on YouTube - includes live demo.
Featured
May 5, 2023 21:24
May 5, 2023
Framer University on Twitter #23623
The remix link is finally here! 🚀 🪄 3D card hover design from Arc (@browsercompany) recreated as a @framer component. Remix link in the comments. 👇