0-to website in
60 minutes with

Framer

funny dog

UI kit

We built some awesome sections and components so you don't have to build websites from 0.

Buy UI kit・€169

€100 off for the first 50 customers.

Example of building a homepage section by section. Easy peasy.

Perfect starting point for any website.

Responsive, modern and creative layouts, detailed and complex structures, dynamic interactive components, and customizable variables. Tons of categories and styles system. All within a single file.

200+ awesome sections

Over 200 customizable, complex sections, designed and built to create stylish and professional websites fast.

16 essential categories

Categories including hero, features, navigation, pricing, testimonials, filters, and more. Additional categories coming soon.

Scalable colors and typography

Adjust or use a pre-built styles library featuring a robust 9-color (Shades from 50 to 900), and 7 typogrphy styles.

200+ awesome sections

Over 200 customizable, complex sections, designed and built to create stylish and professional websites fast.

16 essential categories

Categories including hero, features, navigation, pricing, testimonials, filters, and more. Additional categories coming soon.

Scalable colors and typography

Adjust or use a pre-built styles library featuring a robust 9-color (Shades from 50 to 900), and 7 typogrphy styles.

200+ awesome sections

Over 200 customizable, complex sections, designed and built to create stylish and professional websites fast.

16 essential categories

Categories including hero, features, navigation, pricing, testimonials, filters, and more. Additional categories coming soon.

Scalable colors and typography

Adjust or use a pre-built styles library featuring a robust 9-color (Shades from 50 to 900), and 7 typogrphy styles.

Sections

The kit has all sorts of sections divided into categories to help you build websites fast.

Navigation

6 variants

Footer

6 variants

Hero section

27 variants

Features

31 variants

Gallery

8 variants

Contact us

12 variants

Pricing

17 variants

Testimonials

16 variants

Logos

12 variants

Team

11 variants

CTA

22 variants

Banner

11 variants

Bento

1 variant

Sign up & Login

10 variants

Careers

8 variants

Filters

5 variants

Style

Colors & Text

Blog, CMS and more

Soon

How it works

Pick sections, build pages, and personalize them with your branding – all in one Framer file. Build websites in minutes, not days.

1. Pick sections

Start by copying and pasting any of the 200+ sections onto a new page/s for a quick layout planning and building.

2. Build pages

Leverage components, their variants, and responsive sections to create fully functional pages in minutes not weeks.

3. Add brand's touch

Use a robust style system that provides a solid foundation for your brand's needs.

1. Pick sections

Start by copying and pasting any of the 200+ sections onto a new page/s for a quick layout planning and building.

2. Build pages

Leverage components, their variants, and responsive sections to create fully functional pages in minutes not weeks.

3. Add brand's touch

Use a robust style system that provides a solid foundation for your brand's needs.

1. Pick sections

Start by copying and pasting any of the 200+ sections onto a new page/s for a quick layout planning and building.

2. Build pages

Leverage components, their variants, and responsive sections to create fully functional pages in minutes not weeks.

3. Add brand's touch

Use a robust style system that provides a solid foundation for your brand's needs.

See it in action

Switch between Default and Styled to see a few of the thousands of possible variations. Looks good, huh?

Hero section

Features section

Gallery section

Pricing section

Default

Styled

Heading 1 goes here

Subheading text follow here and explains heading 1 a bit

⭐️

Connect to Content

Add layers or components to make infinite auto-playing slideshows.

Hero section

Features section

Gallery section

Pricing section

Default

Styled

Heading 1 goes here

Subheading text follow here and explains heading 1 a bit

⭐️

Connect to Content

Add layers or components to make infinite auto-playing slideshows.

Pay once, build

websites fast,

forever

With thecomponent UI kit building fast is new normal 🧑‍🎨

€100 off for the first 50 customers.

Awesome

€199

€99

/ one-time

Full access to the kit

Single user license

Lifetime updates

Use this kit to build and sell Framer templates

Buy now

Pro

€269

€169

/ one-time

Full access to the kit

Single user license

Lifetime updates

Use this kit to build and sell Framer templates

Buy now

All prices are one-time payment and you won't be charged again for any subscription.

Frequently asked questions

Can't find what you looking for? Contact at hello@thecomponent.co

Perfect starting point for any website.

200+ awesome sections

16 essential categories

Scalable colors and typography

200+ awesome sections

16 essential categories

Scalable colors and typography

200+ awesome sections

16 essential categories

Scalable colors and typography

Sections

Navigation

Footer

Hero section

Features

Gallery

Contact us

Pricing

Testimonials

Logos

Team

CTA

Banner

Bento

Sign up & Login

Careers

Filters

Style

Blog, CMS and more

How it works

1. Pick sections

2. Build pages

3. Add brand's touch

1. Pick sections

2. Build pages

3. Add brand's touch

1. Pick sections

2. Build pages

3. Add brand's touch

See it in action

Heading 1 goes here

Heading 1 goes here

Pay once, build

websites fast,

forever

Awesome

€199

€199

€199

€99

/ one-time

Pro

€269

€269

€269

€169

/ one-time

Frequently asked questions

Frequently asked questions

What is a UI kit?

What is a UI kit?

What is a UI kit?

Do I need to know how to use Framer?

Do I need to know how to use Framer?

Do I need to know how to use Framer?

Do I need know how to code?

Do I need know how to code?

Do I need know how to code?

What's the difference between plans?

What's the difference between plans?

What's the difference between plans?

Can I use the UI kit build websites for clients?

Can I use the UI kit build websites for clients?

Can I use the UI kit build websites for clients?

Can I request new sections?

Can I request new sections?

Can I request new sections?

How do updates work?

How do updates work?

How do updates work?