My Framer Site

“Whether you’re solo or scaling with a team of 50, KernUI keeps everyone aligned. Built by designers and devs who’ve been in the trenches.”

@tsavsar

Builder & Designer

Trusted by 1,200+ designers and developers.

The UI kit your

product deserves.

KernUI is a thoughtfully crafted UI kit of over 3,000 production-ready components with, built-in theming, and crystal-clear docs for product teams.

The UI Kit Your Product Deserves.

Buy now

Preview in Figma

What’s Inside KernUI?

A complete, theme-ready UI kit packed with components, icons, avatars, and more. All built for speed and scale.

Darkmode

Built-in Theming

Seamless light and dark support no setup, just clean visuals.

brain-warning

bread-slice

apple-shortcuts-solid

orange-slice-alt

flask

password-cursor

sound-high-solid

1600+ Icons

1600+ flexible icons that scale perfectly with your UI.

Smart Avatar System

Supports images, initials, and statuses right out of the box.

Flexible Variants & States

Hover, focus, disabled. styled, accessible, and tweakable.

Weight:

Regular / 400

Font size:

Line height:

Letter spacing:

The quick brown fox jumps over the lazy dog.

Typography

Responsive, readable type with built-in rhythm and scale.

Prod-Ready Components

Buttons, modals, inputs, styled and ready to ship.

“Design is the invisible foundation of everything we build. Systems let us scale that foundation without breaking it.”

Cathy Pearl

Former Director of UX at Shopify

Great System, Great Price

Start for free with the essentials. Upgrade when you need components, themes, and support that scale.

Freemium

$0.00

Ideal for indie builders and early-stage startups.

Get started free

Features

Color palette

Typography

Icons

Logos & flags

Startup

$99.00

Built for teams who need speed, structure, and scale.

Buy now

Buy now

Features

Variables

Themes (Light & Dark)

Pre-made components

Regular updates

Are you a founder or a student?

Get a discount code

Enterprise

For companies who want a design system built around their product.

Features

Everything in Startup

Custom designs

Team training

Dedicated support

Compare prices

Feature

Freemium

Startups

Enterprise

Color Palette

Included

Typography

Included

Icons

Included

Logos & Flags

Included

Variables

Not-Included

Included

Themes

Not-Included

Included

Pre-made Components

Not-Included

Included

Regular Updates

Not-Included

Included

Custom Designs

Not-Included

Included

Team Training

Not-Included

Included

What People Are Saying

Designers, devs, and founders share how KernUI has streamlined their workflow and elevated their product design.

Smart structure, scalable components.

Jehtoms

Design Systems @wise

Smart structure, scalable components.

Jehtoms

Design Systems @wise

Smart structure, scalable components.

Jehtoms

Design Systems @wise

Built for Speed, Clarity, and Focus

Dami

Founder @Tabs

Built for Speed, Clarity, and Focus

Dami

Founder @Tabs

Built for Speed, Clarity, and Focus

Dami

Founder @Tabs

Massive component library + theming ready

Haniel

Developer

Massive component library + theming ready

Haniel

Developer

Massive component library + theming ready

Haniel

Developer

Solid documentation + designer/dev alignment

Daniel Diya

Product Designer

Frequently Asked Questions

Got questions about KernUI? From pricing to permissions, here’s everything you need to know before diving in.

Do I get all future updates after paying the base fee?

Can I get a custom design system?

Do I need any permits to use KernUI?

Can I use KernUI across multiple projects?

Do I need to know code to use it?

How frequently will the system be updated?

How many themes are available right now?

Is there a discount available?

Got any more questions?

Just Getting Into Design System? We Can Help!

Here are some resources curated so you ca understand what a design system can do, also so you understand how to make one!

Any more questions?

Design Systems Crash Course

A curated playlist covering the what, how, and why of design systems — from tokens to team workflows. Perfect for beginners, onboarding, and leveling up.

Watch now

Typography - Ultimate Design System Breakdown

Learn how the best design systems build their typography and apply the common patterns and insights for yourself.

Watch now

Building blocks

Figma’s guide to design systems and component libraries.

Watch now

More Stuff To Look Forward To

This is just version one as packed as it is, we’re cooking up more amazing stuff, and your one time payment covers it all!

Dashboard Templates

Complete UI layouts for SaaS dashboards, settings, and analytics.

Custom Illustration

Original, brand-ready art to elevate empty states and onboarding.

Charts & Data Visuals

Beautiful, themeable charts ready to drop into dashboards.

Want to get early access?

Become a beta tester

Still Need Convincing?

Design once. Scale forever.

KernUI helps you move fast without breaking consistency. Built for startups and teams who want clean handoffs, flexible components, and a solid design-dev workflow.

Components Design

Every variant you need.

Usage Guidelines

Do it right, every time.

Sample Blocks

Quick layouts to start fast.

Buy now

Preview in Figma

Design faster. Build better. Powered by bold, scalable components.

Pricing

Reviews

Resources

Roadmap

Preview

Schedule A Call

FAQ

Request A Feature

Twitter

Mail

Buy Now!

More Stuff To Look Forward To

This is just version one as packed as it is, we’re cooking up more amazing stuff, and your one time payment covers it all!

Dashboard Templates

Complete UI layouts for SaaS dashboards, settings, and analytics.

Custom Illustration

Original, brand-ready art to elevate empty states and onboarding.

Charts & Data Visuals

Beautiful, themeable charts ready to drop into dashboards.

Want to get early access?

Become a beta tester

Frequently Asked Questions

Got questions about KernUI? From pricing to permissions, here’s everything you need to know before diving in.

Do I get all future updates after paying the base fee?

Can I get a custom design system?

Do I need any permits to use KernUI?

Can I use KernUI across multiple projects?

Do I need to know code to use it?

How frequently will the system be updated?

How many themes are available right now?

Is there a discount available?

Got any more questions?

Just Getting Into Design System? We Can Help!

Here are some resources curated so you ca understand what a design system can do, also so you understand how to make one!

Any more questions?

Design Systems Crash Course

A curated playlist covering the what, how, and why of design systems — from tokens to team workflows. Perfect for beginners, onboarding, and leveling up.

Watch now