MADE FOR FRAMER
Whip up websites
in no time
Explore more than 100 responsive components.
MADE FOR FRAMER
Whip up websites
in no time
Find the most extensive Framer component library in dark mode.
Explore more than 100 responsive components.
MADE FOR FRAMER
Whip up websites
in no time
Explore more than 100 responsive components.
Browse by section
Browse by section
How it works
How it works
1
1
Copy a component
Copy a component
Browse through and simply click the copy button on a component you want to use
Browse through and simply click the copy button on a component you want to use
2
2
Paste in Framer
Paste in Framer
On your Framer canvas, paste the component in the Desktop frame and set component width to fill
On your Framer canvas, paste the component in the Desktop frame and set component width to fill
3
3
Unlink components
Unlink components
Unlink the component to style it as you want. Change colours, fonts, images and more
Unlink the component to style it as you want. Change colours, fonts, images and more
New Components
New Components
Grab 100+ components
with regular updates
Grab 100+ components
with regular updates
Comes in luxurious dark mode
Comes in luxurious dark mode
Simply copy and paste components right onto your Framer Canvas. They're fully responsive and good to go. It's that simple. Seriously!
Simply copy and paste components right onto your Framer Canvas. They're fully responsive and good to go. It's that simple. Seriously!
Craft websites in hours
Craft websites in hours
Pick from more than 100 layouts, and every component adapts perfectly for any use. They're fully responsive, ready for any purpose!
Pick from more than 100 layouts, and every component adapts perfectly for any use. They're fully responsive, ready for any purpose!
Suits any project
Suits any project
These components come with a clean, ready-to-publish style. But they're also flexible enough to match your unique brand and style.
These components come with a clean, ready-to-publish style. But they're also flexible enough to match your unique brand and style.
Pro-ready websites,
twice as fast!
Pro-ready websites,
twice as fast!
Freelancers & agencies
Freelancers & agencies
Make client websites faster and simpler, so you can concentrate on design and visuals.
Make client websites faster and simpler, so you can concentrate on design and visuals.
Creators & startups
Creators & startups
Easily launch stunning marketing sites for SaaS products, online courses, and more, in a flash!
Easily launch stunning marketing sites for SaaS products, online courses, and more, in a flash!
Template creators
Template creators
Build Framer templates lightning-fast with FramerFirst components. Start selling, no kidding!
Build Framer templates lightning-fast with FramerFirst components. Start selling, no kidding!
Beginners
Beginners
Master Framer skills and best practices with user-friendly, responsive components.
Master Framer skills and best practices with user-friendly, responsive components.
Frequently asked questions
Frequently asked questions
Have we missed something? Get in touch via tanish@framerfirst.com
Have we missed something? Get in touch via tanish@framerfirst.com
What is FramerFirst?
How do components work?
Will there be more components in the future?
Is FramerFirst free?
Can I use FramerFirst components to create templates to sell?
Can I use FramerFirst components to create client websites?
Can I share components with other users?
What is FramerFirst?
How do components work?
Will there be more components in the future?
Is FramerFirst free?
Can I use FramerFirst components to create templates to sell?
Can I use FramerFirst components to create client websites?
Can I share components with other users?