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

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

Find the most extensive Framer component library in dark mode.
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
Footer/1
Footer/1
Footer/2
Footer/2
Footer/3
Footer/3
Footer/4
Footer/4

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?

Guidelines

What's new

© 2023 FramerFirst. All rights reserved.

License

Terms & Conditions

Privacy Policy

Created by @tanishkinra