Brands813
↑ ↓ to browse
View full design.md ↗
Clerk· Dev Toolsclerk.com
Clerk Components

Pixel-perfect UIs, embedded in minutes.

Clerk gives you a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users — matched to your brand.

Color Palette19 tokens
background#ffffff
surface#f8f8f8
surface-dark#131316
ink#131316
ink-soft#2f3037
ink-secondary#5e5f6e
ink-muted#9394a1
ink-tertiary#747686
on-dark#ffffff
primary#6c47ff
primary-hover#561ee3
primary-strong#6430f7
primary-soft#9785ff
primary-container#d7d4ff
on-primary#ffffff
border#eeeef0
border-strong#d9d9de
shadow-ambient#191c21
shadow-soft#000000
Buttons
TypographyGoogle Font
Geist
display-hero

Pixel-perfect UIs.

64px · 700 · -1.6px
display

Drop-in authentication

32px · 600 · -0.48px
heading

Clerk gives you a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users — matched to your brand.

24px · 700 · -0.24px
heading-sub

USER AUTHENTICATION

22px · 600 · -0.2px
body-large

Clerk gives you a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users — matched to your brand.

18px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Drop-in authentication

Clerk gives you a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your…

Dev Tools
sm
md
lg
xl
Elevation
RING
CARD
ELEVATED
Controls
On
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
Drop-in authentication
Clerk gives you a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users — matched to your brand.
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
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewClerk just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDev ToolsClerk
Menu
Profile
Settings
Billing
Sign out
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 Clerk.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Clerk tokens
export const theme = {
  primary: "#6c47ff",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

We dropped in Clerk and shipped a branded sign-in, MFA, and an org switcher in an afternoon. It looked native on day one.

Clerk · Dev Tools

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Vercel98%

shared styles: Light, Minimal, Mono · same category: Dev Tools

Mintlify84%

shared styles: Light, Minimal · same category: Dev Tools

Prisma83%

shared styles: Light, Minimal, Mono · same category: Dev Tools

Expo82%

shared styles: Light, Minimal · same category: Dev Tools

Vue78%

shared styles: Light, Minimal · same category: Dev Tools

MongoDB72%

shared styles: Light, Minimal · same category: Dev Tools