Loved by 1k+ designers

Build sites

effortlessly

Drag and drop hundreds of quality prebuilt elements and ship your dream site in minutes.

Blocs

Back

Content

52 Components

Gallery

Pricing

Bento

Features

Loved by 1k+ designers

Build sites

effortlessly

Drag and drop hundreds of quality prebuilt elements and ship your dream site in minutes.

Blocs

Back

Content

52 Components

Gallery

Pricing

Bento

Features

Loved by 1k+ designers

Build sites

effortlessly

Drag and drop hundreds of quality prebuilt elements and ship your dream site in minutes.

Blocs

Back

Content

52 Components

Gallery

Pricing

Bento

Features

Stress less.

create more

How many times will you rebuild the same sections before you say enough is enough? Say goodbye to creative burnout and turn your work into play.

“Hands down the best UI Kit for Framer”

A smiling Kye Bedford portrait photograph in black and white
Kye Bedford

Kye Bedford

Kye Bedford

Product Specialist

Framer

Step 1

Set your styles

Set your styles

Set your styles

Stay on brand. Generate colors and typography in a few clicks.

Step 2

Find the best section

Find the best section

Find the best section

Easily search through hundreds of quality prebuilt sections.

Step 3

Drag and Drop

Drag and Drop

Drag and Drop

Find a section you like? Drop it onto the page and it’s yours. Fully responsive across all devices.

Step 4

Make it yours

Make it yours

Make it yours

After dropping it on the page, use Framer's tools to take complete control of its look and feel. Just treat it like any other frame.

What's included

Your new tools

Your new tools

Your new tools

Basics

Instantly customise the look and feel of your site with our text and color style generators.

Bits

Never build another button or card from scratch again. Flexible and easy-to-use.

Blocs

Hundreds of website sections that look great on every device. We add new ones monthly!

Blueprints

Need an entire site built by yesterday? Blueprints have you covered with full page templates.

Benefits

Why Choose Blocs?

Why Choose Blocs?

Why Choose Blocs?

Speed up Development
Speed up Development
Speed up Development

Reduce the time needed to design and develop, allowing for quicker project turnaround

Customisable
Customisable
Customisable

Effortlessly customize styles, colors, layouts, and content

Accessible
Accessible
Accessible

Includes A11Y tags to ensure accessibility to all users

SEO Optimised
SEO Optimised
SEO Optimised

Helps your website perform better in search results.

Cost-Effective
Cost-Effective
Cost-Effective

Save on cost by reducing the need for design resources

Keeps it Consistent
Keeps it Consistent
Keeps it Consistent

Guarantees consistency in styles, colors, and layouts helping to create a unified and polished final product

“It has a section for every scenario you need, and it’s super easy to adjust the style to fit the rest of your site.”

A portrait photograph of a Smiling Guy Acey
Guy Acey

Guy Acey

Guy Acey

Framer Expert

Build your site with

Blocs

The easiest and fastest way to
launch your dream site.

A footer with a logo and description on the left, and 2 columns of links and an email input on the right.
A footer with a logo and description on the left, and 2 columns of links and an email input on the right.
a team section with a centred heading, subheading and description, and 2 rows of images below that of team members with their names and roles underneath
a team section with a centred heading, subheading and description, and 2 rows of images below that of team members with their names and roles underneath

Pricing

Choose the plan that suits your needs.

Free Plan

Use our free plan for as long you'd like to browse through all our components and features, but you're limited to the 30 free blocs.

30 components

Full page templates

Text scale generator

New components monthly

Color palette generator

Access to Slack channel

Try for free, forever

$0

Pro Plan

With Blocs Pro, the tedious work is taken care of, so you can focus on what you do best: creating, experimenting, and bringing your boldest ideas to life.

500+ components

Full page templates

Text scale generator

New components monthly

Color palette generator

Access to Slack channel

Start for free, then it's

$29

/month

Price in USD.

FAQ

In case you missed anything and had some more questions.

What is Blocs?

Blocs is a Framer plugin packed with hundreds of pre-built elements, making it the perfect design companion. It will help you ship websites in minutes by allowing you to drag and drop components directly into your Framer projects. With all the tedious work done for you, Blocs streamlines your workflow, letting you focus on creativity and delivering high-quality sites effortlessly.

Is it beginner-friendly?

Absolutely! Blocs is designed to be user-friendly, whether you're new to web design and Framer or an experienced designer. With a smooth onboarding experience and walkthrough videos ensuring that you quickly get up to speed. Once you start using Blocs, you’ll wonder how you ever built a site without it! Additionally, our Blueprints feature provides access to full-page templates, making it easy for beginners to kickstart their projects and ease into the design process.

Is this a template?

No, Blocs is much more than just a template or a UI kit. We like to think of Blocs as your design companion for Framer. It offers the flexibility to customize color styles and text styles right from the start. You have the ability to fully customize all elements within Blocs, allowing you to create the site you need without limitations.

What's your refund policy?

We're confident you'll love Blocs, but if for any reason it doesn’t meet your expectations, we offer a full refund within 7 days. If you’re not satisfied with your purchase within the first 7 days, simply reach out to our support team at hello@blocsui.com, and we’ll issue a full refund—no questions asked.

What will happen to the remix links?

All of our future updates will be made to the plugin, and we will no longer be updating the remix links. If you bought Blocs before it was a plugin, you should've received an email with instructions to redeem a free 6 month Blocs Pro membership to the plugin

What is Blocs?

Blocs is a Framer plugin packed with hundreds of pre-built elements, making it the perfect design companion. It will help you ship websites in minutes by allowing you to drag and drop components directly into your Framer projects. With all the tedious work done for you, Blocs streamlines your workflow, letting you focus on creativity and delivering high-quality sites effortlessly.

Is it beginner-friendly?

Absolutely! Blocs is designed to be user-friendly, whether you're new to web design and Framer or an experienced designer. With a smooth onboarding experience and walkthrough videos ensuring that you quickly get up to speed. Once you start using Blocs, you’ll wonder how you ever built a site without it! Additionally, our Blueprints feature provides access to full-page templates, making it easy for beginners to kickstart their projects and ease into the design process.

Is this a template?

No, Blocs is much more than just a template or a UI kit. We like to think of Blocs as your design companion for Framer. It offers the flexibility to customize color styles and text styles right from the start. You have the ability to fully customize all elements within Blocs, allowing you to create the site you need without limitations.

What's your refund policy?

We're confident you'll love Blocs, but if for any reason it doesn’t meet your expectations, we offer a full refund within 7 days. If you’re not satisfied with your purchase within the first 7 days, simply reach out to our support team at hello@blocsui.com, and we’ll issue a full refund—no questions asked.

What will happen to the remix links?

All of our future updates will be made to the plugin, and we will no longer be updating the remix links. If you bought Blocs before it was a plugin, you should've received an email with instructions to redeem a free 6 month Blocs Pro membership to the plugin

What is Blocs?

Blocs is a Framer plugin packed with hundreds of pre-built elements, making it the perfect design companion. It will help you ship websites in minutes by allowing you to drag and drop components directly into your Framer projects. With all the tedious work done for you, Blocs streamlines your workflow, letting you focus on creativity and delivering high-quality sites effortlessly.

Is it beginner-friendly?

Absolutely! Blocs is designed to be user-friendly, whether you're new to web design and Framer or an experienced designer. With a smooth onboarding experience and walkthrough videos ensuring that you quickly get up to speed. Once you start using Blocs, you’ll wonder how you ever built a site without it! Additionally, our Blueprints feature provides access to full-page templates, making it easy for beginners to kickstart their projects and ease into the design process.

Is this a template?

No, Blocs is much more than just a template or a UI kit. We like to think of Blocs as your design companion for Framer. It offers the flexibility to customize color styles and text styles right from the start. You have the ability to fully customize all elements within Blocs, allowing you to create the site you need without limitations.

What's your refund policy?

We're confident you'll love Blocs, but if for any reason it doesn’t meet your expectations, we offer a full refund within 7 days. If you’re not satisfied with your purchase within the first 7 days, simply reach out to our support team at hello@blocsui.com, and we’ll issue a full refund—no questions asked.

What will happen to the remix links?

All of our future updates will be made to the plugin, and we will no longer be updating the remix links. If you bought Blocs before it was a plugin, you should've received an email with instructions to redeem a free 6 month Blocs Pro membership to the plugin

Are there tutorials?

Yes, we offer an extensive onboarding process along with clear walkthrough videos to help you get started. Additionally, we will soon be launching our Blocs Academy, which will feature more in-depth tutorial videos—so stay tuned! If you ever need extra assistance, feel free to reach out to us or join our Slack community. It's a great way to connect with other designers and get real-time support!

Is there a trial?

Of course! We offer two options: Blocs Pro and Blocs Free. With Blocs Free, you can access a limited version of Blocs to get a feel for the plugin. All users also receive a free trial to experience the benefits of Blocs Pro. For annual subscriptions, you’ll enjoy a 7-day free trial, while monthly and weekly subscribers get a 3-day free trial. This way, you can explore all the features Blocs Pro has to offer before making a commitment!

Can I use Blocs to sell templates?

Yes, you can use Blocs to create and sell your own templates! Blocs provides you with pre-built components and tools that enable you to design faster and more efficiently, giving you the freedom to customize these elements and build unique templates for your projects. There are no restrictions on where you can sell these templates. However, please note that you cannot resell Blocs, Bits, or Blueprint components as standalone items. They must be integrated into your original work as part of your custom-designed templates. Always check the licensing terms for specific details to ensure compliance.

Can I use Blocs in client projects?

Absolutely! Blocs is designed to help you speed up and enhance your workflow, making it an excellent tool for client projects. You can use the pre-built components from Blocs to quickly build and customize professional designs for your clients, saving time on repetitive tasks. Feel free to integrate Blocs into any client project, whether it's for websites, landing pages, or portfolios. Just remember that while you can use Blocs components in client work, you cannot resell the Blocs components as standalone items. They should be part of a larger, custom-built project for your client

How often are updates?

We will and always have released updates with new components and features every month. With the new plugin, we're able to also release more frequent updates to ship small improvements and fix bugs, and we plan on doing so whenever possible!

Are there tutorials?

Yes, we offer an extensive onboarding process along with clear walkthrough videos to help you get started. Additionally, we will soon be launching our Blocs Academy, which will feature more in-depth tutorial videos—so stay tuned! If you ever need extra assistance, feel free to reach out to us or join our Slack community. It's a great way to connect with other designers and get real-time support!

Is there a trial?

Of course! We offer two options: Blocs Pro and Blocs Free. With Blocs Free, you can access a limited version of Blocs to get a feel for the plugin. All users also receive a free trial to experience the benefits of Blocs Pro. For annual subscriptions, you’ll enjoy a 7-day free trial, while monthly and weekly subscribers get a 3-day free trial. This way, you can explore all the features Blocs Pro has to offer before making a commitment!

Can I use Blocs to sell templates?

Yes, you can use Blocs to create and sell your own templates! Blocs provides you with pre-built components and tools that enable you to design faster and more efficiently, giving you the freedom to customize these elements and build unique templates for your projects. There are no restrictions on where you can sell these templates. However, please note that you cannot resell Blocs, Bits, or Blueprint components as standalone items. They must be integrated into your original work as part of your custom-designed templates. Always check the licensing terms for specific details to ensure compliance.

Can I use Blocs in client projects?

Absolutely! Blocs is designed to help you speed up and enhance your workflow, making it an excellent tool for client projects. You can use the pre-built components from Blocs to quickly build and customize professional designs for your clients, saving time on repetitive tasks. Feel free to integrate Blocs into any client project, whether it's for websites, landing pages, or portfolios. Just remember that while you can use Blocs components in client work, you cannot resell the Blocs components as standalone items. They should be part of a larger, custom-built project for your client

How often are updates?

We will and always have released updates with new components and features every month. With the new plugin, we're able to also release more frequent updates to ship small improvements and fix bugs, and we plan on doing so whenever possible!

Are there tutorials?

Yes, we offer an extensive onboarding process along with clear walkthrough videos to help you get started. Additionally, we will soon be launching our Blocs Academy, which will feature more in-depth tutorial videos—so stay tuned! If you ever need extra assistance, feel free to reach out to us or join our Slack community. It's a great way to connect with other designers and get real-time support!

Is there a trial?

Of course! We offer two options: Blocs Pro and Blocs Free. With Blocs Free, you can access a limited version of Blocs to get a feel for the plugin. All users also receive a free trial to experience the benefits of Blocs Pro. For annual subscriptions, you’ll enjoy a 7-day free trial, while monthly and weekly subscribers get a 3-day free trial. This way, you can explore all the features Blocs Pro has to offer before making a commitment!

Can I use Blocs to sell templates?

Yes, you can use Blocs to create and sell your own templates! Blocs provides you with pre-built components and tools that enable you to design faster and more efficiently, giving you the freedom to customize these elements and build unique templates for your projects. There are no restrictions on where you can sell these templates. However, please note that you cannot resell Blocs, Bits, or Blueprint components as standalone items. They must be integrated into your original work as part of your custom-designed templates. Always check the licensing terms for specific details to ensure compliance.

Can I use Blocs in client projects?

Absolutely! Blocs is designed to help you speed up and enhance your workflow, making it an excellent tool for client projects. You can use the pre-built components from Blocs to quickly build and customize professional designs for your clients, saving time on repetitive tasks. Feel free to integrate Blocs into any client project, whether it's for websites, landing pages, or portfolios. Just remember that while you can use Blocs components in client work, you cannot resell the Blocs components as standalone items. They should be part of a larger, custom-built project for your client

How often are updates?

We will and always have released updates with new components and features every month. With the new plugin, we're able to also release more frequent updates to ship small improvements and fix bugs, and we plan on doing so whenever possible!