Get 20% off Blocs Pro right now :)

Get 20% off Blocs Pro right now :)

20% off!

Use code THANKS20 at checkout

20% off!

Use code LAUNCH for 15% off

Ship sites

in seconds

Beat burnout by building with Blocs - the Ultimate UI Kit for the Framer Designer who craves creative freedom

Preview the Kit

Preview the Kit

Get Blocs

Get Blocs

Everything

Everything

you need

you need

to ship Framer sites

to ship Framer sites

effortlessly

effortlessly

Button

Component

Variant

L / Button

Text

Icon Position

No Icon

Radius

8

Fill

Primary / 600

Content

White

Border

Solid

Hover Fill

Primary / 700

Hover Content

Primary / 700

Hover Border

Solid

Link

Add..

New Tab

Yes

No

Edit Component

Hover Me

Button

Button

try it

Button

Component

Variant

L / Button

Text

Icon Position

No Icon

Radius

8

Fill

Primary / 600

Content

White

Border

Solid

Hover Fill

Primary / 700

Hover Content

Primary / 700

Hover Border

Solid

Link

Add..

New Tab

Yes

No

Edit Component

Hover Me

Button

Button

try it

Bits

Quit rebuilding the same thing again

You call them components, we call them bits—but a button is a button, and we've spent more time than anyone building the last button you'll ever need. Buttons, cards, modals, accordions... Don't build it. Just style it.

Get Blocs

Get Blocs

Preview the Kit

Preview the Kit

Blocs

Responsive Sections

Choose from hundreds of pre-built sections that adapt to any device instantly. Style them your way, without the hassle.

Get Blocs

Get Blocs

Preview the Kit

Preview the Kit

Desktop
·

1200

Breakpoint

Tablet

·

1199

Breakpoint

Mobile

·

809

Breakpoint

Blueprints coming soon…

Full Page Templates

Full page templates are on the horizon. Streamline your design process with complete pages that are easy to customise.

Desktop
·

1200

Breakpoint

Build sites even faster

Blocs is simple to use with clear instructions. It will speed up the process for web-design leaving you with a more efficient project from start to finish. Stay in Framer for the whole process

Get Started

Learn More

Trusted by great companies

Cut your workload in half with Blocs

We prioritize clarity and precision in our communication. Figma to Framer workflow is in the past. Say hello to efficiency with our wireframe library for Framer.

Customisable

Pre-designed customisable components for all styles.

Responsive

Fully responsive components adaptive for any screen size and design.

100+

Unique layouts

50+

Reusable Components

20+

Guiding documents

20+

Builders using Blocs

Build sites even faster

Blocs is simple to use with clear instructions. It will speed up the process for web-design leaving you with a more efficient project from start to finish. Stay in Framer for the whole process

Get Started

Learn More

Trusted by great companies

Cut your workload in half with Blocs

We prioritize clarity and precision in our communication. Figma to Framer workflow is in the past. Say hello to efficiency with our wireframe library for Framer.

Customisable

Pre-designed customisable components for all styles.

Responsive

Fully responsive components adaptive for any screen size and design.

100+

Unique layouts

50+

Reusable Components

20+

Guiding documents

20+

Builders using Blocs

Tablet

·

1199

Breakpoint

Build sites even faster

Blocs is simple to use with clear instructions. It will speed up the process for web-design leaving you with a more efficient project from start to finish. Stay in Framer for the whole process

Get Started

Learn More

Trusted by great companies

Cut your workload in half with Blocs

We prioritize clarity and precision in our communication. Figma to Framer workflow is in the past. Say hello to efficiency with our wireframe library for Framer.

Customisable

Pre-designed customisable components for all styles.

Responsive

Fully responsive components adaptive for any screen size and design.

100+

Unique layouts

50+

Reusable Components

20+

Guiding documents

20+

Builders using Blocs

built for you

For the modern designer

We prioritise clarity and precision in our communication. The Figma to Framer workflow is in the past.

Fast

Skip the Figma to Framer workflow.
Stay in Framer from start to finish.

Easy

Easy

Building with Blocs is a piece of cake.

Fun

Kids play with blocks.
Designers play with Blocs

Preview The Kit

What's in the box?

Take an in depth look at what you'll receive when you choose Blocs.

Benefits

Why choose Blocs?

Enjoy a powerful, user-friendly way to build sites with ready-made components and accessibility features. Choose Blocs for faster, smarter design

Speed up Development

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

Speed up Development

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

Speed up Development

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

Customisable

Effortlessly customize styles, colors, layouts, and content

Customisable

Effortlessly customize styles, colors, layouts, and content

Customisable

Effortlessly customize styles, colors, layouts, and content

Accessible

Includes A11Y tags to ensure accessibility to all users

Accessible

Includes A11Y tags to ensure accessibility to all users

Accessible

Includes A11Y tags to ensure accessibility to all users

SEO Optimised

Helps your website perform better in search results.

SEO Optimised

Helps your website perform better in search results.

SEO Optimised

Helps your website perform better in search results.

Cost-Effective

Save on cost by reducing the need for design resources

Cost-Effective

Save on cost by reducing the need for design resources

Cost-Effective

Save on cost by reducing the need for design resources

Brand Consistency

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

Brand Consistency

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

Brand Consistency

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

Reviews

Don't take our word

Take it from the people who are using it everyday!

"Blocs has allowed me to create fully polished sites in a fraction of the time. 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.


I HIGHLY recommend it to anyone looking to streamline their Framer workflow!"

Guy Acey

Framer Expert

Guy Acey

Framer Expert

Guy Acey

Framer Expert

Pricing

One-time payment, endless possibilities.

Essential

Everything you need to build an impressive landing page effortlessly

$39

Get Blocs Essential

Get Blocs Essential

Get Blocs Essential

Limited access to kit

Single user licence

Use on unlimited projects

Text and color styles

Use in templates

Best Value

Pro

A single licence for solo designers, freelancers, and developers

$129

Get Blocs Pro

Get Blocs Pro

Get Blocs Pro

Full access to kit

Single user licence

Use on unlimited projects

Text and color styles

Use in templates

Business

Up to 10 licenses. Perfect for teams, agencies, and template creators

$339

Get Blocs Business

Get Blocs Business

Get Blocs Business

Full access to kit

10 user licenses

Use on unlimited projects

Text and color styles

Use in templates

FAQ

In case you missed anything and had some more questions.

What is Blocs?

Blocs is an easy to use UI kit and design system that helps designers effortlessly create professional websites. It offers customisable components and sections allowing for quick and easy web design.

What are Blocs, Bits and Blueprints?

Blocs are just what we call sections, Bits are components and Blueprints are full page templates.

Why do I need a UI Kit?

Currently the most common way to start building a site is to either start from scratch, or by starting from a template. Starting from scratch takes time, and can lead to inconsistencies, while starting from a template can restrict the creative process. A UI kit offers the best of both worlds by streamlining the web design process by providing pre-built sections and components. This saves time, ensures consistency, allowing designers to focus on their creative vision rather than how long it will take to build.

What makes Blocs different from a template?

Blocs offers a range of unstyled website sections, components and full page layouts rather than a fully fledged design. This allows for greater flexibility and creativity, enabling designers to easily tailor and combine elements to suit their unique vision, rather than wrestling with a pre-styled template.

Is there a free version?

Yes, Blocs offers a free starter kit. This allows designers to try out the kit and create basic layouts before deciding to upgrade to the full version for more advanced features and elements.

What if I'm a Framer beginner?

Perfect! And welcome to the Framer community. If you're a Framer beginner, Blocs is going to be a sharp arrow in your quiver. It's intuitive, user-friendly and provides documentation to help you get started quickly and learn more about how websites are built in Framer. The pre-built sections and components make it easy to create professional websites without much experience.

Is it a one-time payment?

Blocs offers a one-time payment option for lifetime access to all its features and updates. This ensures you get continuous value and support.

Can I use it for client projects?

Absolutely! In fact we've been using Blocs to start every client project since we first created it. If you have a team of designers that you work with, the Business option may most valuable for you.

Can I use it to sell templates?

Yes, you can use Blocs Business to create templates and sell them. As long as you adhere to the licensing terms and conditions, you're free to monetize your creations by selling them on the Framer Template Marketplace. It's important to note that it's against policy to use Blocs in templates with Blocs Essential/Pro components, as it is against policy.

Is this a plugin?

No, not yet... 🤫 Upon purchase, you'll get a remix link to a Framer project with everything you need, organised neatly in canvas pages.

What is your refund policy?

Due to the nature of the product, we do not offer change of mind refunds for purchases of Blocs products. Once a purchase is made, it is considered final. Although if you did have any technical issues please contact us at hello@builtbybord.digital for further assistance.

What is Blocs?

Blocs is an easy to use UI kit and design system that helps designers effortlessly create professional websites. It offers customisable components and sections allowing for quick and easy web design.

What are Blocs, Bits and Blueprints?

Blocs are just what we call sections, Bits are components and Blueprints are full page templates.

Why do I need a UI Kit?

Currently the most common way to start building a site is to either start from scratch, or by starting from a template. Starting from scratch takes time, and can lead to inconsistencies, while starting from a template can restrict the creative process. A UI kit offers the best of both worlds by streamlining the web design process by providing pre-built sections and components. This saves time, ensures consistency, allowing designers to focus on their creative vision rather than how long it will take to build.

What makes Blocs different from a template?

Blocs offers a range of unstyled website sections, components and full page layouts rather than a fully fledged design. This allows for greater flexibility and creativity, enabling designers to easily tailor and combine elements to suit their unique vision, rather than wrestling with a pre-styled template.

Is there a free version?

Yes, Blocs offers a free starter kit. This allows designers to try out the kit and create basic layouts before deciding to upgrade to the full version for more advanced features and elements.

What if I'm a Framer beginner?

Perfect! And welcome to the Framer community. If you're a Framer beginner, Blocs is going to be a sharp arrow in your quiver. It's intuitive, user-friendly and provides documentation to help you get started quickly and learn more about how websites are built in Framer. The pre-built sections and components make it easy to create professional websites without much experience.

Is it a one-time payment?

Blocs offers a one-time payment option for lifetime access to all its features and updates. This ensures you get continuous value and support.

Can I use it for client projects?

Absolutely! In fact we've been using Blocs to start every client project since we first created it. If you have a team of designers that you work with, the Business option may most valuable for you.

Can I use it to sell templates?

Yes, you can use Blocs Business to create templates and sell them. As long as you adhere to the licensing terms and conditions, you're free to monetize your creations by selling them on the Framer Template Marketplace. It's important to note that it's against policy to use Blocs in templates with Blocs Essential/Pro components, as it is against policy.

Is this a plugin?

No, not yet... 🤫 Upon purchase, you'll get a remix link to a Framer project with everything you need, organised neatly in canvas pages.

What is your refund policy?

Due to the nature of the product, we do not offer change of mind refunds for purchases of Blocs products. Once a purchase is made, it is considered final. Although if you did have any technical issues please contact us at hello@builtbybord.digital for further assistance.

What is Blocs?

Blocs is an easy to use UI kit and design system that helps designers effortlessly create professional websites. It offers customisable components and sections allowing for quick and easy web design.

What are Blocs, Bits and Blueprints?

Blocs are just what we call sections, Bits are components and Blueprints are full page templates.

Why do I need a UI Kit?

Currently the most common way to start building a site is to either start from scratch, or by starting from a template. Starting from scratch takes time, and can lead to inconsistencies, while starting from a template can restrict the creative process. A UI kit offers the best of both worlds by streamlining the web design process by providing pre-built sections and components. This saves time, ensures consistency, allowing designers to focus on their creative vision rather than how long it will take to build.

What makes Blocs different from a template?

Blocs offers a range of unstyled website sections, components and full page layouts rather than a fully fledged design. This allows for greater flexibility and creativity, enabling designers to easily tailor and combine elements to suit their unique vision, rather than wrestling with a pre-styled template.

Is there a free version?

Yes, Blocs offers a free starter kit. This allows designers to try out the kit and create basic layouts before deciding to upgrade to the full version for more advanced features and elements.

What if I'm a Framer beginner?

Perfect! And welcome to the Framer community. If you're a Framer beginner, Blocs is going to be a sharp arrow in your quiver. It's intuitive, user-friendly and provides documentation to help you get started quickly and learn more about how websites are built in Framer. The pre-built sections and components make it easy to create professional websites without much experience.

Is it a one-time payment?

Blocs offers a one-time payment option for lifetime access to all its features and updates. This ensures you get continuous value and support.

Can I use it for client projects?

Absolutely! In fact we've been using Blocs to start every client project since we first created it. If you have a team of designers that you work with, the Business option may most valuable for you.

Can I use it to sell templates?

Yes, you can use Blocs Business to create templates and sell them. As long as you adhere to the licensing terms and conditions, you're free to monetize your creations by selling them on the Framer Template Marketplace. It's important to note that it's against policy to use Blocs in templates with Blocs Essential/Pro components, as it is against policy.

Is this a plugin?

No, not yet... 🤫 Upon purchase, you'll get a remix link to a Framer project with everything you need, organised neatly in canvas pages.

What is your refund policy?

Due to the nature of the product, we do not offer change of mind refunds for purchases of Blocs products. Once a purchase is made, it is considered final. Although if you did have any technical issues please contact us at hello@builtbybord.digital for further assistance.

Build a site in 10 minutes, not 10 days

No more designing in Figma and building in Framer. Use Framer from start to finish with Blocs. How much time will you save? How many sites a day can you build? Get Started now to find out!

Get Blocs

Get Blocs

Preview the Kit

Preview the Kit

Blocs

Features

Features

Preview

Preview

Pricing

Pricing

FAQs

FAQs

Get your Free Starter Kit

Sign up now

for a free gift!

© 2024 Blocs, All rights reserved

Terms & Conditions

Terms & Conditions

BLOCS