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
July 24, 2023 22:10
July 24, 2023
Framer Tutorial: Dynamic Table of Contents (CMS)
Learn to create a dynamic, user-friendly table of contents in Framer with this tutorial. No coding needed - just enhance navigation like a pro.
Featured
July 24, 2023 2:10
July 24, 2023
Simple Custom Cursor | For Framer
Image, svg, video, ticker - anything can now be your custom cursor!
Featured
July 22, 2023 22:10
July 22, 2023
Rahul Chakraborty on Twitter #23642
'call to action' made in @framer and some custom code • by @rohanchkrabrty
Featured
July 20, 2023 21:10
July 20, 2023
Sohil on Twitter #23652
New @framer freebie! 🚀 Grab these sweet micro-interactions for your next project! Remix: https://t.co/5il2rqaHUE
Featured
July 20, 2023 18:10
July 20, 2023
Framer Tutorial: Advanced Scroll Zoom Animation
Explore the art of creating a captivating Zoom Effect on websites with our advanced Framer tutorial. Master Framer remix with our step-by-step guide.
Featured
July 19, 2023 18:40
July 19, 2023
No-Code Zoom by Framer University
No-Code Zoom demo for Framer. Created by Nandor Muzsik - Framer University.
Featured
July 19, 2023 18:40
July 19, 2023
Parallax by Framer University
Parallax effect in Framer. Created by Nandor Muzsik - Framer University.
Featured
July 18, 2023 21:10
July 18, 2023
Framer Updates: July Update
The July Update is all about gradients. We're introducing support for Multi-Stop Gradients, Conic Gradients, and more. We've redesigned our Fill Picker with a brand new UI, including an inline Gradient editor. Plus, component insertion got a lot faster, adding component interactions got easier, and more.
Featured
July 17, 2023 3:41
July 17, 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
July 17, 2023 3:40
July 17, 2023
Hide nav-bar when scrolling up
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
July 17, 2023 3:40
July 17, 2023
Framer University on Twitter #23541 #23812
"🪄 [@Framer Tutorial] Let's create a little modal in Framer. 🧠 You'll learn: - how to use overlays - how to set up a close button for the overlay - how to blur the background when modal is opened 👉 Free remix: https://t.co/5gBgcP2TZw https://t.co/84n1kLUl5r" / Twitter
Featured
July 15, 2023 22:10
July 15, 2023
raphael salaja on Twitter #23541 #23813
"Quick guide on how to achieve this in @framer" / Twitter
Featured
July 15, 2023 10:10
July 15, 2023
Habib Rahal
A product designer in Berlin, harmonzing form and function.
Featured
July 14, 2023 23:42
July 14, 2023
NomanDesigns on Twitter #23647 #27109
Let's create the scroll snap effect in @framer in under 2 mins 🔥 Supafast thread
Featured
July 14, 2023 23:41
July 14, 2023
NomanDesigns on Twitter #23645 #27093
I have just created fully functional chat functionality in @framer 🤯
Featured
July 14, 2023 23:41
July 14, 2023
Framer University on Twitter #23659
Quick Tip: You can create hyper-customizable-moving-grainy-gradients for your @framer website with @shadergradient. 1. Go to their website (https://t.co/dHuhy2SX1i) 2. Create your gradient 3. Paste it into Framer with their component Easy & beautiful.
Featured
July 14, 2023 23:40
July 14, 2023
Aleks on Twitter #23644 #27050
It's Framer Friday ✨ Learn how to create a silky smooth, animated gradient stroke for your cards in @framer. Ready? ↓
Featured
July 14, 2023 23:40
July 14, 2023
Habib Rahal on Twitter #23645 #27089
Let's create this adaptive navigation menu in @framer 🧵👇
Featured
July 14, 2023 11:10
July 14, 2023
Framer Learn: How to use Fixed and Absolute positioning in Stacks
Pin layers to the Viewport regardless of your page set-up, or use absolute positioning within Stacks to break out of its flow.
Featured
July 14, 2023 11:10
July 14, 2023
Framer Learn: How to make a sitemap.xml file
Give search engines a map of your site.
Featured
July 13, 2023 19:10
July 13, 2023
Framer Updates: CMS: Code Blocks and Inline Code
We're excited to introduce Code Blocks & Inline Code, unlocking the ability to document and present your code in Framer. Get started in the CMS via the Formatted Text Toolbar, showcase your code on the Canvas by finding the Code Block component in the Insert Panel, or type a backtick anywhere for Inline Code.
Featured
July 11, 2023 18:40
July 11, 2023
Framer Updates: Mobile Navigations: Transitions Update
This release introduces three new features designed to improve navigations in Framer. First, we've added viewport unit support to the Height property of any layer within a Smart Component. This helps you quickly design backdrops that should fade in-and-out. Second, we're extending the Transition property, which now can be added to any layer within your Variants, not just the Variants themselves. This gives you precise control over your animations, allowing you to target specific layers to animate, and exclude others. Third, we're adding support for Transitions to Link Styles, so all of your links can now be nicely animated. Combined, these features unlock new types of mobile navigations—beyond ones that animate to the viewport.
Featured
July 10, 2023 19:43
July 10, 2023
Ryan Hayward on Twitter #23647 #27109
"In > 2 months I've built a 6-fig business with @framer 💸 Here's how 👇 - Products - Client projects - Retainers Designers, please don't sleep on Framer!! ❤️🙏" / Twitter
Featured
July 10, 2023 19:42
July 10, 2023
matt.winn on Twitter #23658 #27116
"We used @framer to make https://t.co/SbWfhTT0NG. Every page on the Superlink website is handled by Framer, including checkout and account management. I did NOT expect us to go that far with it. Read on if you want instant page loads, no-code copy edits, and more! /🧵 >" / Twitter
Featured
July 10, 2023 19:41
July 10, 2023
Framer University on Twitter #23645 #27092
✨ @Apple 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
July 10, 2023 19:41
July 10, 2023
Trailing Images Effects
Made for Framer by Duy Luong, based on https://tympanus.net/Development/ImageTrailEffects/
Featured
July 10, 2023 19:40
July 10, 2023
Framer University on Twitter #23645 #27093
"In @Framer, you can't apply effects to elements within components. However, there are some effect types, and effect properties that you can recreate with component variants. Here's a list of them:" / Twitter
Featured
July 4, 2023 18:40
July 4, 2023
Framer Updates: Fontshare
We're excited to announce an integration with Fontshare, a fonts service by the Indian Type Foundry. Fontshare is a growing collection of beautiful, professional grade fonts, such as Satoshi, General Sans, Melodrama, Cabinet Grotesk, and many more. All of the Fontshare fonts are now available directly within Framer. Select a Text Layer, head over to the Font Picker, then find your favorite fonts. Design exceptional websites with world-class typography. Only in Framer.
Featured
June 30, 2023 12:13
June 30, 2023
Sebastian Camargo — Blackwork Tattoo Artist from Toronto
Sebastian Camargo is a Blackwork Tattoo Artist based in Toronto, Canada, specializing in Illustrative Blackwork and Geometric Tattoos.
Featured
June 30, 2023 12:13
June 30, 2023
Joris Rood on Twitter #23658 #27116
"Some thoughts on the @framer AI launch! I've been tirelessly testing it and here are my findings so far. A thread🧵" / Twitter
Featured
June 30, 2023 12:12
June 30, 2023
Giel on Twitter #23658
Framer Motion is an amazing tool for web animations. @mattgperry and @framer are doing an amazing job 🙌. Creating the intro animation on https://t.co/8kzx8Z7PGc is super easy with Framer Motion. It takes less than 70 lines of code. Learn how with the @codesandbox link below 👇
Featured
June 30, 2023 12:11
June 30, 2023
Paul Lapkin on Twitter #23657
🎉 Excited to unveil the @Framer Site I designed and built for Allset, the AI-powered assistant for your service business!
Featured
June 30, 2023 12:10
June 30, 2023
Ridd 🏛 on Twitter #23656
I've been playing with the new @framer AI beta non-stop ✨ It's so much fun so I wanted to share a preview 😄 I also made a full walkthrough showing 5 different sites I made below 👀
Featured
June 30, 2023 12:09
June 30, 2023
Jason Schuller on Twitter #23655
It's incredibly easy to give your templates a little life in @framer with simple scroll effects. I'm adding those and more final touches now to my digital product template. #design #framer
Featured
June 30, 2023 12:09
June 30, 2023
Cédric 🏴 on Twitter #23655
Meet Billify – my new @framer template that lets you send digital invoices to your clients with ease. – Modular components for deliverables – Dark & light mode – FAQ section for conditions – Add payment links easily Launching in a few days. 🔥
Featured
June 30, 2023 12:08
June 30, 2023
BOOKSOPEN App | Find Local Artists and Service Providers
BOOKSOPEN is a Digital Marketplace for nearby Tattoos, Piercings, Brows, Laser Tattoo Removal, SMP, and more! Available now on iPhone and Android.
Featured
June 30, 2023 12:07
June 30, 2023
Irfan Aziz on Twitter #23652
There is a lot of hype in the @framer community today. I'm thrilled to announce my Link on bio template for designers & solopreneurs. It includes: → Projects, Areas, Resources, Archive (PARA). → Modular animated components. → Modern and minimalistic style. It's 100% FREE.