I launched my first complete
@framer
template. It lets you present your app’s features as you scroll. It also contains a blog, updates, and a support page. As a bonus, the entire site switches themes based on your device. ⬇️
🎨 Super easy animated mesh-like gradients in
@framer
without any code. This is too much fun to play with. Also, every refresh gives you a new pattern. Quick preview →
Here’s a quick tutorial on how to create the popular shimmer effect on the
@linear
website using
@framer
. You’ll be surprised by how simple this is and that it requires 0 code.
Watch the video + get the remix link here →
📹 Here’s a fun tutorial on how to create the popular scaling scroll effect from . Go from full-screen video to slideshow just by scrolling. This was fully made in
@framer
— using 0 code.
Watch the full video + get the project →
Revived an old
@framer
component I made years ago. It takes a single Spotify song URL to embed a Spotify player, giving you the album art and a 15-second song preview.
Try and remix it here →
But wait there’s more ⤵️
🎓 New tutorial time — In this 5-minute video, you’ll learn how to create a floating navigation that appears as soon as you start scrolling down the page and remains on the page all the way to the bottom.
Check out the full video and grab the project →
🦄 Recorded another
@framer
tutorial that explains how to show content using Sticky & Scroll Variant Effects dynamically as you scroll down the page. Go check it out and grab the free remix link in the YouTube description →
👀 We shipped a new front page for
@framer
which uses multiple drag effects to create a canvas-like experience. Lately, I’ve seen more websites with similar effects so I decided to record a video on how easy it is to create this with 0 code. Watch video
Here's a fun prototype using Magic Motion in
@framer
(now in the web beta!) This required about 2 minutes of prototyping, the best thing is that Framer’s page component remembers the page it transitioned from and automatically transitions back to that state.
We never had a fun 404 page for
@framer
. Spent 10 minutes last night setting this up with the new masking feature. Shows a few random sites from the gallery, updated dynamically.
I know this will sound like marketing bla bla but we literally did this one in 2 weeks. The speed at which you can design & ship great sites with in
@framer
is stupid.
✨ It’s that time of year again, our front page has undergone a well-deserved refresh. With a host of new features that truly showcase what Framer can do. The best part? We pulled it off in just 2 weeks. Ps. Can you spot the Easter eggs using the new Fetch feature?
🌊 As promised. Create a stunning wave effect in
@Framer
with just three layers. With endless possibilities for customization, you can make it your own. See the full tutorial:
Sorry, no new
@framer
features this week. A new coffee machine and grinder have arrived so all work has been halted until this thing is dialed to perfection. 2x productivity next week though.
Revived some old animated
@framer
menu icons from the good ol’ prototyping days. I figured these also work great for websites.
Get them for free here →
Been playing around with the Variants & Variables Beta in
@framer
. Here’s a movie library UI with hover variants & simple overlays. It’s crazy how easy and fast it is to prototype this.
Project ➞
Try the beta ➞
#MadeWithFramer
Here’s an old
@Framer
project for a tutorial I did for the
@10x_designers
community. It’s a simple video site that lets you present your video projects.
It’s a very basic project (1 page, no cms) So as an experiment I’ve set it up as a pay what you want.
🪄 Learn how to create stunning animating gradients in
@framer
with no code. This video covers how to use the Particles component to create various effects including this one.
Check out the full tutorial below
With the popularity of
@framer
rising we’ve been getting a crazy amount of inbound Templates. We’ve almost worked through our backlog and streamlined the review process which should reduce the waiting time.
Is this what they mean when they say "that’s a good problem to have?" 🥲
🗽 📣 We’re planning a secret new
@framer
project and I’m looking for incredible creators in NY who are successfully making money by building websites, templates, resources, etc in
@framer
. If this is you, DM me your story. Limited spots available.
Over the break, I’ve been playing around with some image-generating AI models to create dreamy phone wallpapers. Took an hour to throw them into a
@framer
site. Will share later 🏞️
Made a few different hamburger menu animations in
@framer
. Easily copy and paste one into your project and start using it. Even has some built in customization options like the radius and color.
Try & duplicate them on the Framer Showcase →
Get ready to transform how you design forms without code. Design, arrange, animate, and hook up your forms to fit your website perfectly. Skip the hassle of complex setups and focus on what’s important.
Dropping later this month.
We recently released Smart Components in Framer. A new way to design interactive components, complete with their own interactions, animations, and properties. At the same time we shipped a new Why Framer page.
This was a fun video to do, tried some new things in terms of pacing and use of real footage. Amount of tracks is not that bad this time, kept my sanity.
Happy to highlight some specific parts if you want to know how something was set up. It’s less complex than you might think.
🔥 Design real websites right on the canvas. Publish in seconds. All with blazing fast performance. We’re shipping a new version of Framer, and we would love your help. Learn more at and check the thread (1/6)
🤩
@jurrehoutkamp
just shipped this rotation effect on the
@framer
homepage.
It's now possible thanks to some under-the-hood additive animations which allow the mixing of
@framer
's appear and scroll speed effects.
Check it out:
I’m looking for really nice 3rd party
@framer
integrations. Not talking about single components but something that unlocks a new use case not supported out of the box.
1.
2.
3.
What else is out there?
Pro tip: Template popularity is determined by a mix of page visits, preview clicks, remixes, and sales. Everyone gets a fair chance to make it to the top.
🏪 Our brand-new Marketplace is here! While it might look familiar, it’s been completely rebuilt for the future:
🔹 Discover & get discovered with popularity sorting.
🔹 Profile pages for every creator.
🔹 Foundation for more improvements this year.
See what’s new & coming ⬇️
✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.
🚀 Framer Forms are here! Enjoy 10+ input types, custom states, and secure data handling. Send data via email, Google Sheets, or custom Webhook. Learn more below.
I had this saved on my computer for a while, but I couldn’t find a reason to share it. I guess you don’t need a reason to make a hype video once in a while?
👀 You don’t always need a big launch to create a cool video. We shipped a ton of new features last year and are incredibly proud of all the websites that have already been made with Framer. Check out the video and our refreshed frontpage →
🆓🔎 We’ve made Search on your
@framer
site free of cost, available on all plans immediately. We will cancel all subscriptions for the Unlimited Search add-on and refund the last charge.
I was a bit worried when
@huntercaron
gave me a first demo just 4 days before the release so I could understand what to put in a hype video. To my surprise localizations in Framer is so easy to use that I managed to smash it into a 30-second video in less than a day.
🌎 Hola, Bonjour, こんにちは! Introducing AI-powered Localization for your website. Effortlessly translate your entire site, customize images, and even tweak entire designs for different languages and regions. Learn more about Localization at
@Dannysapio
@framer
Google does not distinguish between what tool you build your site with, it reads code, content, and links. Framer outputs all of that readable to Google. Set your site up with the right tags, focus on content, link building, topical authority, and all the other SEO buzzwords I
Did a fun interview with
@ProductHunt
about how we launch new products and features at
@framer
. If you want some insights into the why’s and how’s of our latest launch and previous ones, give it a read.
Here’s another fun
@framer
prototype. Only took me a few hours to realise the 4 tiny app icons fan out in order to create the illusion of all of the app icons being pulled into the grid. 🧑🏼🔧
Preview
Project
🖤 You can now design your own patterns directly within
@framer
. We’ve added a new Tile option to Image Fills, and have included a bunch of scalable preset patterns to pick from as well.
📺 I recorded a video in which I explain how we made the header on the
@framer
front page. If you want to try it out, check out the video and use the example project to remix.
⭐️ Remix:
📹 Video:
Can’t say this enough but
@typefully
is fantastic and way too cheap for what you get. We’ve tried many alternatives at
@framer
but nothing beats it. If you’re still tweeting from Twitter you’re wasting time.
@Dannysapio
@framer
There’s no magic sauce, if anyone tells you otherwise it’s snake oil. 90% of SEO is doing the work, not about which tool you pick. Yes, Framer can be better at managing huge sites, we’re on it. That said, all of ’s marketing site runs on framer with well
💙 Page Effects are now available in
@framer
. Built on top of View Transitions, we’re one of the very first tools allowing you to animate between pages visually. Check out the video to learn more!
We’re trying to improve the Template review process at
@framer
. I'm looking for a platform that makes submitting content, communication, and status updates between us and the submitter easy. Anything like this exists?
🍂 The Framer Fall event is almost here. Join us on October 2nd for an overview of our latest features, community highlights, and long-awaited product announcements. Mark your calendar ↓
🎛️ Your new Framer Marketplace Dashboard is here! Manage all your templates in one place. Submit new templates, track review status, and update your listings instantly.
Are you building or have built a (large) site in
@framer
or just generally a really cool project in
@framer
? I’m looking for some people to interview for a new project. Let me know what you are working on!
We’re ramping up production on our educational material and are looking for passionate creators who are
@Framer
experts and have experience with creating video tutorials. Feel free to DM me directly or apply to our job listing on
@Contra
.
Examples below
Want to see your site featured in the next Framer launch video? Show us what you made during the beta and we’ll pick the best ones to feature in the next video and on the Gallery. 🌈