Untitled UI· Design Systemuntitledui.com

World's largest Figma kit · by Jordan Hughes

The world's most popular Figma UI kit.

Untitled UI is what shipping teams use — every component is pixel-perfect, every token is documented, every variant is exhaustively covered. The kit is literally 30,000+ Figma frames.

Color Palette36 tokens

background#ffffff

surface#fafafa

brand-50#f4ebff

brand-100#e9d7fe

brand-200#d6bbfb

brand-300#b692f6

brand-400#9e77ed

primary#7f56d9

brand-600#6941c6

brand-700#53389e

brand-800#42307d

brand-900#2e2458

gray-25#fafafa

gray-50#f9fafb

gray-100#f2f4f7

gray-200#e4e7ec

gray-300#d0d5dd

gray-400#98a2b3

gray-500#525252

gray-600#475467

gray-700#344054

gray-800#1d2939

ink#181d27

on-primary#ffffff

success#12b76a

success-bg#ecfdf3

warning#f79009

error#d92d20

error-bg#fef3f2

border#e4e7ec

border-strong#d0d5dd

focus-ring-brand#dccbf6

focus-ring-error#f7d3d0

shadow-xs#ececef

shadow-sm#dcdfe6

shadow-md#ced0d6

Buttons

TypographyGoogle Font

Inter

display-2xl

Designed to ship.

72px · 600 · -1.44px

display-xl

Polished to production

60px · 600 · -1.2px

display-lg

Untitled UI is what shipping teams use — every component is pixel-perfect, every token is documented, every variant is exhaustively covered. The kit is literally 30,000+ Figma frames.

48px · 600 · -0.96px

display-md

gray.900 · #181d27 · Text/Primary

44px · 600 · -0.88px

display-sm

Untitled UI is what shipping teams use — every component is pixel-perfect, every token is documented, every variant is exhaustively covered. The kit is literally 30,000+ Figma frames.

34px · 600 · -0.68px

IconsHugeicons

Set: Hugeicons · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Polished to production

Untitled UI is what shipping teams use — every component is pixel-perfect, every token is documented, every variant is e…

Design System

none

thin

xxs

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Polished to production

Untitled UI is what shipping teams use — every component is pixel-perfect, every token is documented, every variant is exhaustively covered. The kit is literally 30,000+…

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeDesign SystemUntitled UI

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Untitled UI.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Untitled UI tokens
export const theme = {
  primary: "#7f56d9",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Untitled UI is the kit I've recommended for five years running. It's SaaS design solved.

Untitled UI · Design System