I stayed up until 2 AM to bring you this.
Project categories!
Was it worth not going to sleep until after 2?
Probably not, but at least Remix Road has categories now.
A few days ago someone was talking about how they added prev/next buttons to articles on their
@Framer
template by manually numbering each article.
That's super tedious if there's a lot of items, and if you reorder an item you have to redo the numbers.
So I made a Framer
CMS-powered slideshow and carousel components for
@Framer
!
Connect a CMS collection list to create animated slideshows or carousels - with all the same controls as Framer's built-in components.
Free demo project + remix link:
The Framer component marketplace is out now!
The website is very basic right now, but it will improve over time. Some plans for the future:
• Categories
• Better search
• Image previews for all components
• Template store
• Framer job board
Remix Road is back ⚡️
This site was huge last year, but I took it down a few months ago because it was losing money and took a lot of time to update.
Now it's back, and soon it will be the biggest Framer resource on the internet.
The site is very much incomplete, so you'll
Have you ever wanted to use a different image for dark and light theme on a
@Framer
site?
Now there's a component for that!
Just upload two images - one for each theme - and the component will automatically show the right one.
Free at
A new
@Framer
shop has opened.
A general store of digital goods.
The first product is an animated number counter component - with many more components and tools to come in the future.
Check it out at
There are tons of completely free icon libraries on the internet.
But it's hard to find high-quality icons in the right style and formats.
So I'm creating a tool that combines many open-source icon sets in one place with search, editing, customization, and exporting features.
My newest Framer template has a code override that preserves the scroll position of the sidebar when you switch pages.
Without this, it resets back to the top every time you go to another page.
Do you want the code for this?
(Before video in the next tweet)
Making responsive websites in
@Framer
is too easy.
My documentation template went from desktop only to fully responsive with tablet and phone versions in 18 minutes.
Framer Maps design concept.
The idea is to create a store locator add-on for Framer with features for custom maps and locations.
🗺️ Mapbox-powered map component
📍 Multiple pins from the CMS
🔍 Search for locations
📏 Sort CMS collection list by distance
💙 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!
Decided to start making
@Framer
templates again after 6 months.
I'm working on Documint - the best way to build a documentation website with Framer.
Lots of cool features planned for this template!
The wait is over...
The first image & video masking solution for Framer is here!
Add an image or video fill to images, SVGs and text by dropping this component in your project.
Some of you guys said you need this for your websites. So here it is →
@shantanugoel
99% chance that article is AI generated. There's no way a human could write that entire article without thinking "hmm, maybe that's not real"
CMS-powered carousel component in Framer is done.
Just adding some documentation before releasing it as a free template along with the CMS Slideshow component.
Framer is putting a bigger focus on templates. In the past few days they:
• Added a templates button to the dashboard
• Redesigned the template store
• Removed the free section from the top of the template store
It's awesome to see them giving even more support to creators!
I'm excited to announce that I'm joining
@theryanhayward
's team as a developer!
For the past few weeks I've been helping build FramerForms 2.0 and another product - both launching this month.
We're working on a lot of exciting things for the Framerverse!
I'm shelving Framestack for now to work on another project.
The site will stay up and all of the components there will continue to be free, but it won't get any updates.
There are a few components I've already made but
haven't released yet. I will add those to the site soon.
It's interesting how quickly
@lmsqueezy
replaced Gumroad.
A few years ago almost every small creator's digital product store was on Gumroad. Now most are on Lemon Squeezy and I rarely see Gumroad stores.
Lower fees + better design seem to be the biggest advantages.
Working on a
@Framer
override to add components in CMS posts.
So far there's block quotes, dividers, embeds, callouts, and image captions.
You can also add components from your project and insert anywhere in a post.
Planning to add a few more block types before releasing it 🧨
Added a tiled image
@Framer
component to .
This component takes any image and repeats it. It has options for image size, tiling mode, alignment, and more.
Goodbye until 2024 👋
I have become addicted to Twitter and YouTube, so I'm logging out of all social media for the next 3 weeks to regain the ability to focus and not be constantly distracted.
Who's doing a Black Friday deal for
@Framer
products or templates?
Making a website to find great deals this week and I want to make sure all the best products get included!
Iconstack v2.0 is live!
It's a collection of the best free and open-source icon libraries on the internet.
22 icon packs with 29,921 icons total.
Free at
FramerGPT just got way better at generating code components!
It can now:
🖌 Add corner radius and padding controls
📐 Understand component sizing options
Plus lots of bug fixes and small changes to improve the results.
Sneak peek of Framer keyboard shortcuts 👀
• Click links
• Switch component variants
• Open search
• Open overlays
...all without touching the mouse.
Coming to
@FramerToolbox
tomorrow!
New Framer template submitted!
Documint - the best way to create a documentation website with Framer.
It also includes a few new components and overrides coming to
@framestack_
soon.
Or you can use this free tool to convert your effects into code overrides that look exactly the same with a single click and apply them inside components 🌠
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.
Find a list of them below:
One of the most requested features for text in Framer is truncation (limiting the number of lines and adding ... at the end)
So I made a code override for it!
It will be free in tomorrow's Framestack update.
@tunguz
Whoever makes this AI agent is gonna keep it to themselves.
In fact there's probably someone who's already done this and is quietly getting rich off of and not telling anyone.
@dannypostmaa
Making open source clones of your customers' products who pay thousands of dollars per year for your service is an unusual strategy.
I wonder why they do it. Seems like it could taint their reputation eventually if they keep doing it.
FramerGPT coming right up!
Gonna see how far I can take it. If it can generate code components and overrides at the level of the components on Framestack, that would be awesome.
New
@Framer
experiment!
Embed website in CMS articles and posts.
It uses a simple HTML-like syntax with a code override to replace a URL with an embedded website.
Should I drop a remix link?
@framer
10/10 execution with this update.
Just played around with the localization tool and it has every feature I could think of already built in.
Plus it works with code components without requiring any updates which makes my job a lot easier! 😅
@ImSh4yy
The AI pin seems more like a tech demo than a real product.
He just keeps rambling about the AI OS, the beacon, the speakers, something multimodal...
But never why you actually need it and how it's better than the phones we already have.
@arcinternet
@nathantannar4
Nice!
Is there a keyboard shortcut to switch between smol and normal sidebar?
I use Cmd+S to hide the sidebar all the time, but if I could just collapse it with a shortcut instead of hiding it I would do that instead.
Black Friday is here again! Lots of
@Framer
creators are running huge sales all throughout the week.
Find deals and discounts on the best Framer products and templates at !
Added a submission form to Remix Road 🗳️
If you have a cool
@Framer
remix project, template, or product (free or paid), fill out the form or send me a DM and I'll get it added to the site.
The code is a disaster...
But it works!
A Framer code override inserts any components with variables into CMS content so you're not limited to text, images, and videos in articles and posts.
Code needs to be rewritten but it's a good proof-of-concept so far.
Before and after:
Every component on Framestack now has its own page with a large preview and more info.
The site is coming along nicely. I have some huge new updates cooking too 👀
✨More progress on the
@framer
template I'm building: now with card hover effects and a new social platform link style.
Excited to release this template next week!
#MadeWithFramer
#WebDesign
#NoCode
If you need forms for your Framer website, FramerForms is hands-down the best way to do it.
We just launched v2.0 - rebuilt from the ground up to be 10x easier to build and edit forms, complete with 14 field types and a growing library of templates.
Check out the launch video!
Introducing Framer Forms 2.0 🎉
Building custom forms in
@framer
is now too easy!
✌️ 16+ field types
🪜 Multi-step forms
✅ Validation
✈️ Send data anywhere
This is the biggest update to yet! 💙
The goal of Framer Toolbox is to be the best place to find useful components for building websites.
Because of that, I removed nearly 40 overrides and components. Many of them were useful when they were made, but are now obsolete because of Framer updates.
For example, there
I stayed up until 2 AM to bring you this.
Project categories!
Was it worth not going to sleep until after 2?
Probably not, but at least Remix Road has categories now.
@NotionHQ
@Parakeet
Nice, 200 new icons!
But are the new icons supposed to not have rounded corners? Most of the page icons look worse than they did before which is making me think this might be a bug.
@enframer
@cedric_design
@learnframer
Cedric makes templates which are very likely to convert to paid plans.
Nandi mostly makes free projects which are much less likely to convert. People usually just copy and paste the component from the remixed project into their website.
@sama
It's pretty good at answering simple coding questions though. I'm learning JavaScript, HTML and CSS right now and I've found that it gives really good explanations and code examples. Not a full replacement for Google, but it can be faster in a lot of cases.
@fahirmdz
99% of "directory" websites are junk. Pointless lists of links with no reason to exist.
People who make these kinds of websites need to figure out why anyone would care. Are they looking to compare alternatives? Are they trying to find something that's hard to find with a Google
@JoshGuoSpace
@framer
Code Components > Code Overrides because:
- Property controls
- Component updates
- Listed in Assets panel
- Can easily unlink and edit the code
You can't do this with code overrides:
Corner radius, borders, and shadows for CMS article images.
Plus a caption from the image's alt text.
A huge aesthetic boost compared to the squared images Framer's CMS text editor gives us!
Framestack Pro is out now!
It has 15 brand new
@Framer
components. The library will grow over time with regular updates and new additions.
Starting at $29 - but all of the components that were free before are still free!
Get it at
@moedaraujo
How is this out of hand? If someone is able to deliver work that the clients are happy with at that price and run a profitable business, I don't see a problem.
Over the past few months I've been sharing free
@Framer
components.
A lot of people are using them to build great websites!
Because many people are liking the components, I'm launching Framestack Pro in 1-2 weeks.
Sneak peek of the messy Framer project where the magic happens:
@rauchg
Project Hail Mary. Read the whole book in 3 or 4 days.
I'm also reading the Elon Musk biography right now and it's super interesting. His life is like a rollercoaster.
Made this table of contents component for my documentation template.
It auto-generates a list of buttons from the headings on the page.
Going to release it separately once the template is done since this is useful for other kinds of websites too!
📅🕑 Show the date and time on your
@Framer
sites with the new clock and date label components.
The date label component shows the current date and the clock component shows the current time. Both have format and appearance options.
Get them for free at