Grit UI 1.0

Grit UI - Responsive website sections and components for Framer

Grit UI is the largest themed UI Kit for Framer. Responsive sections and components in 26 color themes with dynamic light and dark mode. Lifetime updates.

350+

Color and text styles

26 color themes using 12-step color palettes from Radix Colors

200+

Responsive sections

Copy-pasteable customizable website sections in 26 color themes

80+

Smart components

Every component is very customizable and themed (over 2k variants)

365/24/7

Lifetime updates

Free updates for all components, sections and new features forever

Grit UI 1.0

Grit UI - Responsive website sections and components for Framer

Grit UI is the largest themed UI Kit for Framer. Responsive sections and components in 26 color themes with dynamic light and dark mode. Lifetime updates.

350+

Color and text styles

26 color themes using 12-step color palettes from Radix Colors

200+

Responsive sections

Copy-pasteable customizable website sections in 26 color themes

80+

Smart components

Every component is very customizable and themed (over 2k variants)

365/24/7

Lifetime updates

Free updates for all components, sections and new features forever

Grit UI 1.0

Grit UI - Responsive website sections and components for Framer

Grit UI is the largest themed UI Kit for Framer. Responsive sections and components in 26 color themes with dynamic light and dark mode. Lifetime updates.

350+

Color and text styles

26 color themes using 12-step color palettes from Radix Colors

200+

Responsive sections

Copy-pasteable customizable website sections in 26 color themes

80+

Smart components

Every component is very customizable and themed (over 2k variants)

365/24/7

Lifetime updates

Free updates for all components, sections and new features forever

  • accordions

  • avatars

  • badges

  • buttons

  • contact sections

  • cta sections

  • dialogs

  • eyebrows

  • feature sections

  • footer sections

  • form components

  • forms (native)

  • hero sections

  • list items

  • navigation

  • notifications

  • pricing cards

  • pricing sections

  • slideshows

  • social proof components

  • social proof sections

  • tabs

  • tickers

  • tooltips

  • 250+ already joined

  • Badge

  • Checkbox label

    A description text for the checkbox

  • Button

  • Level 1

    Level 2

    Current page

  • Tooltip title

    Description lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac laoreet nisi, vel imperdiet mi.

  • First option

    Second option

    Third option

  • Button

  • Switch label

    A description text for the switch

  • Tab option 1

    Tab option 2

    Tab option 3

  • Notification title

    Description lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Primary

    Secondary

Walkthrough

Take a Tour of Grit UI

Curious about what’s inside Grit UI? Watch this walkthrough to see everything included in the kit, from versatile components and Radix Color themes to the ready-to-use template files. Learn how to set up your projects and make the most of Grit UI’s features to design faster and smarter.

Walkthrough

Take a Tour of Grit UI

Curious about what’s inside Grit UI? Watch this walkthrough to see everything included in the kit, from versatile components and Radix Color themes to the ready-to-use template files. Learn how to set up your projects and make the most of Grit UI’s features to design faster and smarter.

Walkthrough

Take a Tour of Grit UI

Curious about what’s inside Grit UI? Watch this walkthrough to see everything included in the kit, from versatile components and Radix Color themes to the ready-to-use template files. Learn how to set up your projects and make the most of Grit UI’s features to design faster and smarter.

Features

Design Faster, Smarter, and More Creatively

Grit UI comes with everything you need to build stunning Framer templates and websites – with zero hassle.

Responsive Website Sections & Components

From hero sections to testimonials and forms, every piece is crafted to look amazing on any screen size.

26 Color Themes with Dynamic Light/Dark Mode

Choose from 26 Radix Color-based themes, each with a dynamic light and dark version to match any style.

Comprehensive Component Library

Get access to all essential web components like buttons, tooltips, forms, and more – all ready to drop into your project.

Pre-Built Framer Forms

Because building forms from scratch is so last year. Ours are ready to go, right out of the box and uses Framer Forrms under the hood.

Features

Design Faster, Smarter, and More Creatively

Grit UI comes with everything you need to build stunning Framer templates and websites – with zero hassle.

Responsive Website Sections & Components

From hero sections to testimonials and forms, every piece is crafted to look amazing on any screen size.

26 Color Themes with Dynamic Light/Dark Mode

Choose from 26 Radix Color-based themes, each with a dynamic light and dark version to match any style.

Comprehensive Component Library

Get access to all essential web components like buttons, tooltips, forms, and more – all ready to drop into your project.

Pre-Built Framer Forms

Because building forms from scratch is so last year. Ours are ready to go, right out of the box and uses Framer Forrms under the hood.

Features

Design Faster, Smarter, and More Creatively

Grit UI comes with everything you need to build stunning Framer templates and websites – with zero hassle.

Responsive Website Sections & Components

From hero sections to testimonials and forms, every piece is crafted to look amazing on any screen size.

26 Color Themes with Dynamic Light/Dark Mode

Choose from 26 Radix Color-based themes, each with a dynamic light and dark version to match any style.

Comprehensive Component Library

Get access to all essential web components like buttons, tooltips, forms, and more – all ready to drop into your project.

Pre-Built Framer Forms

Because building forms from scratch is so last year. Ours are ready to go, right out of the box and uses Framer Forrms under the hood.

10x productivity

Build Production Ready Pages in Minutes

See how you can create a stunning landing page in just minutes using Grit UI. No hassle, just drag, drop, and you’re done. Whether you're a Framer pro or just starting out, you’ll be amazed at how fast and easy it is to build something awesome.

10x productivity

Build Production Ready Pages in Minutes

See how you can create a stunning landing page in just minutes using Grit UI. No hassle, just drag, drop, and you’re done. Whether you're a Framer pro or just starting out, you’ll be amazed at how fast and easy it is to build something awesome.

10x productivity

Build Production Ready Pages in Minutes

See how you can create a stunning landing page in just minutes using Grit UI. No hassle, just drag, drop, and you’re done. Whether you're a Framer pro or just starting out, you’ll be amazed at how fast and easy it is to build something awesome.

Unlock all 200+ ready-made sections for Framer

Get started with Grit UI today and unlock a world of customizable components, responsive sections, and dynamic color themes. Whether you’re a freelancer or part of a larger team, Grit UI will help you build stunning websites faster and more efficiently. Don’t wait—take your designs to the next level now!

Unlock all 200+ ready-made sections for Framer

Get started with Grit UI today and unlock a world of customizable components, responsive sections, and dynamic color themes. Whether you’re a freelancer or part of a larger team, Grit UI will help you build stunning websites faster and more efficiently. Don’t wait—take your designs to the next level now!

Unlock all 200+ ready-made sections for Framer

Get started with Grit UI today and unlock a world of customizable components, responsive sections, and dynamic color themes. Whether you’re a freelancer or part of a larger team, Grit UI will help you build stunning websites faster and more efficiently. Don’t wait—take your designs to the next level now!

Smart components

Effortless Customization

Customize sections and components in Grit UI using variables, utility components, and themes—all without detaching. Make quick adjustments, apply different styles, and keep everything fully responsive and dynamic with just a few clicks.

Smart components

Effortless Customization

Customize sections and components in Grit UI using variables, utility components, and themes—all without detaching. Make quick adjustments, apply different styles, and keep everything fully responsive and dynamic with just a few clicks.

Smart components

Effortless Customization

Customize sections and components in Grit UI using variables, utility components, and themes—all without detaching. Make quick adjustments, apply different styles, and keep everything fully responsive and dynamic with just a few clicks.

Radix Colors

All the Colors of the Rainbow

Every component and section in Grit UI comes with 26 different Radix Color themes, each with dynamic light and dark modes. Easily switch between styles and create the perfect look for any project.

Radix Colors

All the Colors of the Rainbow

Every component and section in Grit UI comes with 26 different Radix Color themes, each with dynamic light and dark modes. Easily switch between styles and create the perfect look for any project.

Radix Colors

All the Colors of the Rainbow

Every component and section in Grit UI comes with 26 different Radix Color themes, each with dynamic light and dark modes. Easily switch between styles and create the perfect look for any project.

Testimonials

What People Are Saying About Grit UI

Don’t just take my word for it — take a look at what other people have said.

Not gonna lie, this blew my expectations out of the water. You went above and beyond with the amount of options for each section!

dudu

Creator of Toolfolio

I was skeptical but I had to change my mind. The library is way more comprehensive than I thought and I would recommend it to anybody looking to build a good website quickly.

Luca Da Corte

Web Designer and SEO Expert

This is one of the best UI kits for Framer I’ve seen!

Jack Hartley

CEO of Momentus Studio

Grit UI is highly customizable. The well-structured components are easy to navigate, and replacing content with my own is straightforward. Overall, Grit UI is a great tool for speeding up the design and development process in Framer.

Arturo

Product Designer

I can never decide on one section, they’re all so good!! The best Framer UI kit on the market.

Stellio Koutsis

Founder of Stellio Graphic Design

Grit UI took us from zero experience in Framer to a functional landing page in 2 days. It does wonders for overcoming the blank slate and getting to a launch-ready site in just a few hours of work.

Kamila Klimek

Product Manager

Testimonials

What People Are Saying About Grit UI

Don’t just take my word for it — take a look at what other people have said.

Not gonna lie, this blew my expectations out of the water. You went above and beyond with the amount of options for each section!

dudu

Creator of Toolfolio

I was skeptical but I had to change my mind. The library is way more comprehensive than I thought and I would recommend it to anybody looking to build a good website quickly.

Luca Da Corte

Web Designer and SEO Expert

This is one of the best UI kits for Framer I’ve seen!

Jack Hartley

CEO of Momentus Studio

Grit UI is highly customizable. The well-structured components are easy to navigate, and replacing content with my own is straightforward. Overall, Grit UI is a great tool for speeding up the design and development process in Framer.

Arturo

Product Designer

I can never decide on one section, they’re all so good!! The best Framer UI kit on the market.

Stellio Koutsis

Founder of Stellio Graphic Design

Grit UI took us from zero experience in Framer to a functional landing page in 2 days. It does wonders for overcoming the blank slate and getting to a launch-ready site in just a few hours of work.

Kamila Klimek

Product Manager

Testimonials

What People Are Saying About Grit UI

Don’t just take my word for it — take a look at what other people have said.

Not gonna lie, this blew my expectations out of the water. You went above and beyond with the amount of options for each section!

dudu

Creator of Toolfolio

I was skeptical but I had to change my mind. The library is way more comprehensive than I thought and I would recommend it to anybody looking to build a good website quickly.

Luca Da Corte

Web Designer and SEO Expert

This is one of the best UI kits for Framer I’ve seen!

Jack Hartley

CEO of Momentus Studio

Grit UI is highly customizable. The well-structured components are easy to navigate, and replacing content with my own is straightforward. Overall, Grit UI is a great tool for speeding up the design and development process in Framer.

Arturo

Product Designer

I can never decide on one section, they’re all so good!! The best Framer UI kit on the market.

Stellio Koutsis

Founder of Stellio Graphic Design

Grit UI took us from zero experience in Framer to a functional landing page in 2 days. It does wonders for overcoming the blank slate and getting to a launch-ready site in just a few hours of work.

Kamila Klimek

Product Manager

Get a Free Sample of Grit UI

Curious about Grit UI? Download a free sample that includes 8 versatile section components, 26 color themes with dynamic light and dark modes, and a small landing page template. Experience the customization and flexibility Grit UI offers — no strings attached!

8 section components

26 color themes with light and dark mode

All text styles

Landing page template example

Get a Free Sample of Grit UI

Curious about Grit UI? Download a free sample that includes 8 versatile section components, 26 color themes with dynamic light and dark modes, and a small landing page template. Experience the customization and flexibility Grit UI offers — no strings attached!

8 section components

26 color themes with light and dark mode

All text styles

Landing page template example

Get a Free Sample of Grit UI

Curious about Grit UI? Download a free sample that includes 8 versatile section components, 26 color themes with dynamic light and dark modes, and a small landing page template. Experience the customization and flexibility Grit UI offers — no strings attached!

8 section components

26 color themes with light and dark mode

All text styles

Landing page template example

Pricing

Pay Once — Use Forever

Whether you're just starting out or scaling your Framer business, we have a plan for you.

Basic

18% OFF

$97

$119

For personal and client use.

Single user license

26 different color themes with dynamic light and dark mode

Full access to every component and responsive section

Use on unlimited projects

All updates forever

Cannot be used to build and sell templates

Most popular

Business

30% OFF

$187

$269

For template creators.

Everything in Grit UI Basic

Use Grit UI to build and sell templates

Team

33% OFF

$267

$399

For agencies and teams.

Everything in Grit UI Business

2-5 user license

Pricing

Pay Once — Use Forever

Whether you're just starting out or scaling your Framer business, we have a plan for you.

Basic

18% OFF

$97

$119

For personal and client use.

Single user license

26 different color themes with dynamic light and dark mode

Full access to every component and responsive section

Use on unlimited projects

All updates forever

Cannot be used to build and sell templates

Most popular

Business

30% OFF

$187

$269

For template creators.

Everything in Grit UI Basic

Use Grit UI to build and sell templates

Team

33% OFF

$267

$399

For agencies and teams.

Everything in Grit UI Business

2-5 user license

Pricing

Pay Once — Use Forever

Whether you're just starting out or scaling your Framer business, we have a plan for you.

Basic

18% OFF

$97

$119

For personal and client use.

Single user license

26 different color themes with dynamic light and dark mode

Full access to every component and responsive section

Use on unlimited projects

All updates forever

Cannot be used to build and sell templates

Most popular

Business

30% OFF

$187

$269

For template creators.

Everything in Grit UI Basic

Use Grit UI to build and sell templates

Team

33% OFF

$267

$399

For agencies and teams.

Everything in Grit UI Business

2-5 user license

FAQ

Still Wondering About Something?

I know you might have a few things you're wondering about, so I’ve put together this Frequently Asked Questions section just for you. Whether you're curious about what Grit UI can do, how to use it in your client projects, or if it's worth the investment (hint: it totally is), you’ll find all the answers here. I’ve tried to keep things helpful and simple, so dive in and get all the details!

What is Grit UI?

Grit UI is your new go-to UI kit for Framer, packed with responsive website sections and components designed to make your life easier. Plus, it comes with 26 color themes based on Radix Colors, so your designs always look fresh and professional.

Why do I need a UI kit and design system?

Think of it like a cheat code for web design. It saves you a ton of time and keeps everything looking sharp and consistent. No more reinventing the wheel every time you need a button or form! Just pop in Grit UI components, customize them, and you’re ready to go.

Can I expect new components and updates?

You bet! We’re always working on new goodies to keep your projects fresh. Expect regular updates with shiny new components and features. And since Grit UI is a one-time purchase, you’ll always get these updates—no extra fees, no fuss.

Is Grit UI worth the price?

Absolutely! The time you save using Grit UI lets you focus on more important things—like taking on more clients or building out more awesome projects. With Grit UI’s ready-made components, you can jump straight into creating beautiful websites without the hassle of starting from scratch every time. And with our unique color themes, your designs will really stand out.

Can I use Grit UI for client projects?

Absolutely! Grit UI is designed to help you speed up client builds or even help startups launch their sites faster. Whether you’re freelancing or working with bigger teams, it’s all fair game.

Can I create and sell Framer templates with Grit UI?

For sure! Grab the Business or Team Plan, and you’ll be cranking out and selling Framer templates like a pro in no time.

Is there a plugin for Grit UI?

Not yet, but it's on the roadmap and you'll get that too as soon as it's published.

Is there a free sample?

Yes! We offer a free sample of Grit UI that includes 8 section components, 26 color themes with dynamic light and dark modes, and a small landing page template. It’s a great way to explore the customization options and get a feel for how Grit UI can enhance your projects. You can download it directly from the landing page — no strings attached!

FAQ

Still Wondering About Something?

I know you might have a few things you're wondering about, so I’ve put together this Frequently Asked Questions section just for you. Whether you're curious about what Grit UI can do, how to use it in your client projects, or if it's worth the investment (hint: it totally is), you’ll find all the answers here. I’ve tried to keep things helpful and simple, so dive in and get all the details!

What is Grit UI?

Grit UI is your new go-to UI kit for Framer, packed with responsive website sections and components designed to make your life easier. Plus, it comes with 26 color themes based on Radix Colors, so your designs always look fresh and professional.

Why do I need a UI kit and design system?

Think of it like a cheat code for web design. It saves you a ton of time and keeps everything looking sharp and consistent. No more reinventing the wheel every time you need a button or form! Just pop in Grit UI components, customize them, and you’re ready to go.

Can I expect new components and updates?

You bet! We’re always working on new goodies to keep your projects fresh. Expect regular updates with shiny new components and features. And since Grit UI is a one-time purchase, you’ll always get these updates—no extra fees, no fuss.

Is Grit UI worth the price?

Absolutely! The time you save using Grit UI lets you focus on more important things—like taking on more clients or building out more awesome projects. With Grit UI’s ready-made components, you can jump straight into creating beautiful websites without the hassle of starting from scratch every time. And with our unique color themes, your designs will really stand out.

Can I use Grit UI for client projects?

Absolutely! Grit UI is designed to help you speed up client builds or even help startups launch their sites faster. Whether you’re freelancing or working with bigger teams, it’s all fair game.

Can I create and sell Framer templates with Grit UI?

For sure! Grab the Business or Team Plan, and you’ll be cranking out and selling Framer templates like a pro in no time.

Is there a plugin for Grit UI?

Not yet, but it's on the roadmap and you'll get that too as soon as it's published.

Is there a free sample?

Yes! We offer a free sample of Grit UI that includes 8 section components, 26 color themes with dynamic light and dark modes, and a small landing page template. It’s a great way to explore the customization options and get a feel for how Grit UI can enhance your projects. You can download it directly from the landing page — no strings attached!

FAQ

Still Wondering About Something?

I know you might have a few things you're wondering about, so I’ve put together this Frequently Asked Questions section just for you. Whether you're curious about what Grit UI can do, how to use it in your client projects, or if it's worth the investment (hint: it totally is), you’ll find all the answers here. I’ve tried to keep things helpful and simple, so dive in and get all the details!

What is Grit UI?

Grit UI is your new go-to UI kit for Framer, packed with responsive website sections and components designed to make your life easier. Plus, it comes with 26 color themes based on Radix Colors, so your designs always look fresh and professional.

Why do I need a UI kit and design system?

Think of it like a cheat code for web design. It saves you a ton of time and keeps everything looking sharp and consistent. No more reinventing the wheel every time you need a button or form! Just pop in Grit UI components, customize them, and you’re ready to go.

Can I expect new components and updates?

You bet! I'm always working on new goodies to keep your projects fresh. Expect regular updates with shiny new components and features. And since Grit UI is a one-time purchase, you’ll always get these updates—no extra fees, no fuss.

Is Grit UI worth the price?

Absolutely! The time you save using Grit UI lets you focus on more important things—like taking on more clients or building out more awesome projects. With Grit UI’s ready-made components, you can jump straight into creating beautiful websites without the hassle of starting from scratch every time. And with our unique color themes, your designs will really stand out.

Can I use Grit UI for client projects?

Absolutely! Grit UI is designed to help you speed up client builds or even help startups launch their sites faster. Whether you’re freelancing or working with bigger teams, it’s all fair game.

Can I create and sell Framer templates with Grit UI?

For sure! Grab the Business or Team Plan, and you’ll be cranking out and selling Framer templates like a pro in no time.

Is there a plugin for Grit UI?

Not yet, but it's on the roadmap and you'll get that too as soon as it's published.

Is there a free sample?

Yes! We offer a free sample of Grit UI that includes 8 section components, 26 color themes with dynamic light and dark modes, and a small landing page template. It’s a great way to explore the customization options and get a feel for how Grit UI can enhance your projects. You can download it directly from the landing page — no strings attached!

Become a Grit UI Affiliate

Want to earn while sharing Grit UI with others? Join my affiliate program and earn a 25% commission on every sale you refer, with 30-day tracking to maximize your earnings. The program is set up on Lemon Squeezy, where you can easily apply through their affiliate hub. Once you're approved, I’ll send you direct links to the Grit UI checkout page with your affiliate ID, so you can start creating unique referral links right away. Help others discover Grit UI, and get rewarded for it!

25% commission on every sale ($22.25-$59.75)

30-day tracking to maximize your earnings

Powered by Lemon Squeezy

Become a Grit UI Affiliate

Want to earn while sharing Grit UI with others? Join my affiliate program and earn a 25% commission on every sale you refer, with 30-day tracking to maximize your earnings. The program is set up on Lemon Squeezy, where you can easily apply through their affiliate hub. Once you're approved, I’ll send you direct links to the Grit UI checkout page with your affiliate ID, so you can start creating unique referral links right away. Help others discover Grit UI, and get rewarded for it!

25% commission on every sale ($22.25-$59.75)

30-day tracking to maximize your earnings

Powered by Lemon Squeezy

Become a Grit UI Affiliate

Want to earn while sharing Grit UI with others? Join my affiliate program and earn a 25% commission on every sale you refer, with 30-day tracking to maximize your earnings. The program is set up on Lemon Squeezy, where you can easily apply through their affiliate hub. Once you're approved, I’ll send you direct links to the Grit UI checkout page with your affiliate ID, so you can start creating unique referral links right away. Help others discover Grit UI, and get rewarded for it!

25% commission on every sale ($22.25-$59.75)

30-day tracking to maximize your earnings

Powered by Lemon Squeezy

© 2024 Grit UI. All rights reserved. Built with Grit UI by Lauri Lännenmäki

© 2024 Grit UI. All rights reserved. Built with Grit UI by Lauri Lännenmäki

© 2024 Grit UI. All rights reserved. Built with Grit UI by Lauri Lännenmäki