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
June 27, 2023 14:04
June 27, 2023
Framer University on Twitter #23645 #27089
Your website should have a branded text highlight. Here's how to do it in @Framer. 1. Open site settings 2. Paste this code in the head section 3. Change the color codes Copy the code from the comments: 👇
Featured
June 27, 2023 13:59
June 27, 2023
Framer Tutorial: Add background videos
Enhance your Framer projects with our easy-to-follow tutorial on adding background videos. Uncover Framer remix secrets, file size tips, and more.
Featured
June 20, 2023 1:59
June 20, 2023
Omar Farook on Twitter #23651
Morning Twitter! Who's leveraging @Framer's AI! 🤖 I love the @OpenAI integration, super easy to generate variations of copy for headlines! Here is my simple process! ⚡
Featured
June 17, 2023 3:29
June 17, 2023
Framer Tutorial: How to Customize Framer's Search Component
Discover how to customize Framer's search component in this easy-to-follow tutorial by expert, Doruk. Learn vital tips, tricks, and even more.
Featured
June 16, 2023 20:59
June 16, 2023
Clara on Twitter #23642
🤓 @framer tutorial: clickable ticker items This tutorial will show you how easy it is to combine components and the ticker element. Let's go! ⬇️
Featured
June 13, 2023 19:57
June 13, 2023
Framer Tutorial: Generate A Live Website With AI
Explore how to create a live website with AI using Framer, in this user-friendly tutorial. Join Framer University for free today!
Featured
June 13, 2023 17:57
June 13, 2023
How to build websites in Framer using AI ✨
Learn how to build websites using AI with Framer! This YouTube tutorial offers beta access and guides you through 5 key steps. Dig into Framer remix now.
Featured
June 13, 2023 13:02
June 13, 2023
Enframer Studio on Twitter #23646 #27093
💡Quick @framer Tip: Unlock the Magic of Reverse Scroll! ⏪ Set scroll speed to a negative value and watch as your item glides in reverse while everything else moves forward on the page.
Featured
June 13, 2023 12:57
June 13, 2023
Enframer Studio on Twitter #23644 #27044
💡Quick @framer tip! You can open remix links directly in your desktop app! Simply copy the link then click: File > Open Project URL from Clipboard The desktop app can be downloaded from here: https://t.co/z0KybpA69H Enjoy! 😍
Featured
June 12, 2023 16:57
June 12, 2023
Cédric 🏴 on Twitter #23654
Most designers fail to make a lot more money or even a living with @framer templates. The secret is to keep sales up in the long term. This is a must! Launch sales are nice, but they'll stop very soon. Here are a few tips on how I keep my sales up. [🧵Thread]
Featured
June 10, 2023 0:57
June 10, 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
June 7, 2023 15:23
June 7, 2023
Framer University on Twitter #23649
You find it hard to code? No problem. You can create a website like @abeyang with these draggable windows by using @Framer's no code magic. (Literal superpowers 🤯) Here's how: 🧵
Featured
June 5, 2023 19:53
June 5, 2023
Enframer Studio on Twitter #23643 #27041
😍 Loop effects in @framer are super fun to use! We've created this Synthwave animation using only loop effects in framer! This was created for the 8th framer challenge, if you like it make sure to upvote our post, link in the thread below. ✨
Featured
June 5, 2023 16:53
June 5, 2023
Framer Tips
Bite-sized videos covering Framer Sites features and updates.
Featured
June 5, 2023 15:53
June 5, 2023
Framer Study Guide. How to master this awesome no-code tool | by Krisztina Szerovay | Jun, 2023 | UX Planet
How to master this awesome no-code tool
Featured
June 5, 2023 12:23
June 5, 2023
Terraza Slider by Framer University
Incredibly smooth slider for Framer. Created by Nandor Muzsik - Framer University.
Featured
June 5, 2023 4:37
June 5, 2023
FramerForms | Custom forms in Framer
Build custom forms in Framer with multiple inputs and full design control with ease.
Featured
June 5, 2023 4:32
June 5, 2023
Clara on Twitter #23656
💡 @framer tip: fit text Fit text means that text will adjust its size depending on the size of your window It's super easy to set up: • Select some text and go to the size property on the right-hand side • Change the size unit from "pixels" to "fit":
Featured
June 5, 2023 4:28
June 5, 2023
Export Figma Text & Color Styles To Framer
Learn to swiftly transfer your Figma styles to Framer with this simple workflow tutorial on YouTube. Master Framer's UI in 28 minutes.
Featured
June 5, 2023 4:23
June 5, 2023
Framer Tutorial: Custom Search Bar
Check out our Framer tutorial on YouTube and learn how to create your own custom search bar. Framer remix link included.
Featured
June 4, 2023 21:23
June 4, 2023
Joel W on Twitter #23642 #27035
Framer Form Builder 👀 Here's a sneak peek at our new Opensource @Framer form builder. ✅ Unlimited fields 🔤 6+ Input types ⚡️ Connect APIs 🔥 Populate <select> from API 🔒 @Outseta or @Memberstack Comment "Framer" to get notified when we launch (next week) #Framer #NoCode
Featured
June 4, 2023 12:53
June 4, 2023
Framer University on Twitter #23829
10x your @Framer web building workflow: 1. Create a project. 2. Create basic color styles. 3. Create basic text styles. 4. Create some unstyled components for frequently used elements. 5. Save the project as a template. Then start your projects using this template.
Featured
June 2, 2023 1:23
June 2, 2023
Export Figma Text & Color Styles To Framer
Master the process of exporting Figma design styles to Framer with our tutorial. Learn to streamline your workflow with style collections, guides, and page setups.
Featured
June 2, 2023 0:32
June 2, 2023
Rob Hope on Twitter #23642
Yo! Podcast with Hype connoisseur & @Framer CE-Yo! @jornvandijk is streaming everywhere!🎙 🪄Inspiration vs AI 🏗 Potential impact of AI on template industry 🚀 How Framer hype up a good launch → https://t.co/AP3OPDqmBB → https://t.co/4NXcyyrALF → https://t.co/0YdCNb6h2p
Featured
June 2, 2023 0:27
June 2, 2023
Framer Updates: CMS Update
This release brings a series of oft-requested CMS Updates, unlocking new use cases. We're introducing a new Filter type: Date, we're adding the ability to add links to images, and we now allow you to publish changes directly from the CMS. This makes it faster than ever to update your sites—and makes CMS filters much easier to set-up.
Featured
June 2, 2023 0:23
June 2, 2023
Jorn van Dijk - Yo! Podcast
Listen to this episode from Yo! Podcast on Spotify. Jorn van Dijk is a Dutch designer, startup investor and CEO of the Framer website builder. After leaving his role as one of the early product designers at Facebook, he co-founded Framer in 2014, which was then a prototyping tool. Nine years and several strategic shifts later, Framer evolved into a robust website builder, earning admiration from top designers worldwide. We rap about the upcoming road to $100m revenue, explore their product roadmap, the potential impact of AI on the template building industry and just how Framer hype up a good product launch.
Featured
June 1, 2023 19:23
June 1, 2023
Matteo on Twitter #23660
Want to build a mobile-first site in @framer? All you need to do is resize the default primary desktop breakpoint to a mobile size, and then create additional larger breakpoints for tablet and desktop. That's it! Edits made on mobile will reflect on larger breakpoints ✨
Featured
June 1, 2023 14:23
June 1, 2023
Cabana - Design System for Framer
Stop wasting time creating your projects from scratch. Kick-start your ideas faster with the world's first Design System for Framer, and 10x your workflow today.
Featured
June 1, 2023 11:23
June 1, 2023
Pattern Component by Durmus
Ininite pattern component for Framer. Made by Durmus Kavcioglu.
Featured
June 1, 2023 1:27
June 1, 2023
Ryan Hayward on Twitter #23659
WIP of a visual editor built 100% in @framer ❌ ZERO override code ✅ Completely native ⚙️ Uses complex component logic Damn Framer is powerful 🔥
Featured
June 1, 2023 1:23
June 1, 2023
Loops - The email platform built for SaaS
Loops makes email marketing for modern SaaS companies easy. It's the best way to create, send and track beautiful email campaigns.
Featured
May 31, 2023 21:32
May 31, 2023
How I Designed A Link-In-Bio Template In Framer | by Sharanya | May, 2023 | Bootcamp
The entire process of making my first Framer template!