Grit UI 1.0 is out now
Grit UI — responsive website sections and components for Framer
The largest themed UI Kit for Framer with 26 color themes, dynamic light and dark mode, responsive sections and components and 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 is out now
Grit UI — responsive website sections and components for Framer
The largest themed UI Kit for Framer with 26 color themes, dynamic light and dark mode, responsive sections and components and 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 is out now
Grit UI — responsive website sections and components for Framer
The largest themed UI Kit for Framer with 26 color themes, dynamic light and dark mode, responsive sections and components and 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.
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
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
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
Pricing
Pay Once — Use Forever
Whether you're just starting out or scaling your Framer business, we have a plan for you.
Basic
25% OFF
$89
$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
35% OFF
$174
$269
For template creators.
Everything in Grit UI Basic
Use Grit UI to build and sell templates
Team
40% OFF
$239
$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
25% OFF
$89
$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
35% OFF
$174
$269
For template creators.
Everything in Grit UI Basic
Use Grit UI to build and sell templates
Team
40% OFF
$239
$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
25% OFF
$89
$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
35% OFF
$174
$269
For template creators.
Everything in Grit UI Basic
Use Grit UI to build and sell templates
Team
40% OFF
$239
$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.
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.
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.
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