Use code: THANKS20 for 20% off! (7 days left)

Everything

Everything

you need

you need

to ship Framer sites

to ship Framer sites

effortlessly

effortlessly

With hundreds of prebuilt elements to choose from, the only limit is your creativity

With hundreds of prebuilt elements to choose from, the only limit is your creativity

Everything

you need

to ship Framer sites

effortlessly

With hundreds of prebuilt elements to choose from, the only limit is your creativity

“Hands down the best UI Kit for Framer”

A smiling Kye Bedford portrait photograph in black and white

Kye Bedford

Product Specialist

Framer

Built with Blocs

Go from "no idea" to published in minutes without compromising creative freedom

Go from "no idea" to published in minutes without compromising creative freedom

Go from "no idea" to published in minutes without compromising creative freedom

  • An unstyled hero section
    A styled hero section

    Hero • Centred 1

  • An unstyled hero section
    A styled hero section

    Hero • Horizontal 1

  • A template version of the team section
    A styled team section with vibrant colours

    Team 3

  • An unstyled hero section
    A styled hero section

    Hero • Centred 1

  • An unstyled hero section
    A styled hero section

    Hero • Horizontal 1

  • A template version of the team section
    A styled team section with vibrant colours

    Team 3

  • A template version of the hero section
    A styled hero section

    Hero • Horizontal 1

  • A template version of the hero section
    A styled hero section

    Hero • Full Media 3

  • A template version of a 404 section
    A styled 404 section

    404 • Basic 1

  • A template version of the CTA section
    A styled CTA section

    CTA • Box 1

  • A template version of the hero section
    A styled hero section

    Hero • Horizontal 1

  • A template version of the hero section
    A styled hero section

    Hero • Full Media 3

  • A template version of a 404 section
    A styled 404 section

    404 • Basic 1

  • A template version of the CTA section
    A styled CTA section

    CTA • Box 1

300+

Reusable Components

150+

Unique Layouts

9

Page Templates

Browse your Blocs

Choose from hundreds of quality prebuilt sections organised clearly.

Drag and Drop

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

Make it Yours

Don’t love the color? Change it! Customisation easy enough for beginners to understand, but advanced enough for experts to enjoy.

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

try it

“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

Framer Expert

Need it Built Yesterday?

Save days of work by starting from a full page template.

Desktop
·

1200

Breakpoint
A desktop breakpoint of a hero section with centred heading, text and buttons with a full width image
A desktop breakpoint of a hero section with centred heading, text and buttons with a full width image

Tablet

·

1199

Breakpoint
A tablet breakpoint of a hero section with centred heading, text and buttons with a full width image
A tablet breakpoint of a hero section with centred heading, text and buttons with a full width image

Mobile

·

809

Breakpoint
A phone breakpoint of a hero section with centred heading, text and buttons with a full width image
A phone breakpoint of a hero section with centred heading, text and buttons with a full width image

Why choose Blocs?

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

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

Build your next site with Blocs

Never start from scratch again. Launch your site from start to finish in 10 minutes, not 10 days.

A tablet breakpoint of a hero section with centred heading, text and buttons with a full width image
A component control panel of a tooltip component with various settings, such as the variant, text control, a shortcut toggle, a shortcut text input, and a dropdown for the direction of the caret

Build your next site with Blocs

Never start from scratch again. Launch your site from start to finish in 10 minutes, not 10 days.

A tablet breakpoint of a hero section with centred heading, text and buttons with a full width image

Build your next site with Blocs

Never start from scratch again. Launch your site from start to finish in 10 minutes, not 10 days.

A tablet breakpoint of a hero section with centred heading, text and buttons with a full width image
A component control panel of a tooltip component with various settings, such as the variant, text control, a shortcut toggle, a shortcut text input, and a dropdown for the direction of the caret

Pricing

With upfront pricing, you can make a decision with certainty.

Starter

Get a jumpstart on all your projects with preset styles and all bits.

FREE

FREE

FREE

Limited access to kit

Single user licence

Use on unlimited projects

Text and color styles

Use in templates

Pro

A single licence for solo designers, freelancers, and developers

$129

$129

$129

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

$339

$339

Full access to kit

10 user licenses

Use on unlimited projects

Text and color styles

Use in templates

FAQ

In case you missed anything, we answered some frequently asked 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.