Preview 200+ Grit UI Sections

Get a complete look at all the sections Grit UI has to offer! This page showcases fully customizable sections like hero, CTA, testimonials, forms, and more — all designed to help you build beautiful, responsive websites with ease. Discover the flexibility and power of Grit UI and find the perfect sections to elevate your next project.

Preview 200+ Grit UI Sections

Get a complete look at all the sections Grit UI has to offer! This page showcases fully customizable sections like hero, CTA, testimonials, forms, and more — all designed to help you build beautiful, responsive websites with ease. Discover the flexibility and power of Grit UI and find the perfect sections to elevate your next project.

Preview 200+ Grit UI Sections

Get a complete look at all the sections Grit UI has to offer! This page showcases fully customizable sections like hero, CTA, testimonials, forms, and more — all designed to help you build beautiful, responsive websites with ease. Discover the flexibility and power of Grit UI and find the perfect sections to elevate your next project.

26 Color Themes with light and dark mode

All components and sections can be used in these 26 color themes by changing just one property.

Tomato

Red

Ruby

Crimson

Pink

Plum

Purple

Violet

Iris

Indigo

Blue

Cyan

Teal

Jade

Green

Grass

Bronze

Gold

Brown

Orange

Amber

Yellow

Lime

Mint

Sky

Neutral

Section categories
Hero sections

Create a powerful first impression with attention-grabbing visuals and text.

Hero sections

Create a powerful first impression with attention-grabbing visuals and text.

Hero sections

Create a powerful first impression with attention-grabbing visuals and text.

Feature sections

Showcase the standout features and benefits of your product.

Feature sections

Showcase the standout features and benefits of your product.

Feature sections

Showcase the standout features and benefits of your product.

CTA sections

Guide users toward action with a clear, compelling call-to-action.

CTA sections

Guide users toward action with a clear, compelling call-to-action.

CTA sections

Guide users toward action with a clear, compelling call-to-action.

Metrics sections

Highlight impressive stats or achievements that add value.

Metrics sections

Highlight impressive stats or achievements that add value.

Metrics sections

Highlight impressive stats or achievements that add value.

Testimonial sections

Build credibility with quotes from real, satisfied users.

Testimonial sections

Build credibility with quotes from real, satisfied users.

Testimonial sections

Build credibility with quotes from real, satisfied users.

Social proof sections

Strengthen trust with recognized brand logos and clear vision.

Social proof sections

Strengthen trust with recognized brand logos and clear vision.

Social proof sections

Strengthen trust with recognized brand logos and clear vision.

Pricing sections

Present your pricing plans in a clear, straightforward layout.

Pricing sections

Present your pricing plans in a clear, straightforward layout.

Pricing sections

Present your pricing plans in a clear, straightforward layout.

FAQ sections

Address common questions to help users understand your product.

FAQ sections

Address common questions to help users understand your product.

FAQ sections

Address common questions to help users understand your product.

Contact sections

Provide an easy way for visitors to reach out and connect.

Contact sections

Provide an easy way for visitors to reach out and connect.

Contact sections

Provide an easy way for visitors to reach out and connect.

Image sections

Showcase visuals that enhance and support your content.

Image sections

Showcase visuals that enhance and support your content.

Image sections

Showcase visuals that enhance and support your content.

Video sections

Add dynamic, engaging video content to tell your story.

Video sections

Add dynamic, engaging video content to tell your story.

Video sections

Add dynamic, engaging video content to tell your story.

Text sections

Simple, flexible text blocks for key information and messaging.

Text sections

Simple, flexible text blocks for key information and messaging.

Text sections

Simple, flexible text blocks for key information and messaging.

Sections on the roadmap

Coming soon

Bento sections

A visually organized grid layout for showcasing multiple content pieces or links at a glance.

Coming soon

Bento sections

A visually organized grid layout for showcasing multiple content pieces or links at a glance.

Coming soon

Bento sections

A visually organized grid layout for showcasing multiple content pieces or links at a glance.

Coming soon

Team sections

Introduce your team members with photos, names, and titles to add a personal touch.

Coming soon

Team sections

Introduce your team members with photos, names, and titles to add a personal touch.

Coming soon

Team sections

Introduce your team members with photos, names, and titles to add a personal touch.

Coming soon

404 sections

"Page Not Found" message to guide users back to the main site.

Coming soon

404 sections

"Page Not Found" message to guide users back to the main site.

Coming soon

404 sections

"Page Not Found" message to guide users back to the main site.

Pricing

Unlock All, 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

Unlock All, 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

Unlock All, 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

© 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