shadcn/ui

Item: shadcn/ui
Rating: 7

Open-source React component library for building design systems.

ui.shadcn.com Save page

7.0/10MABTU rating

Section outline · Home

01header64
02heroThe Foundation for your Design System351
03pricing1,402
04footer96

Rating · Home

Visual design7.0

UX & clarity7.0

Originality6.5

Craft & consistency8.0

Motion5.0

Performance & a11y8.0

This page scores 7.0; the site score weights the home page double.

Main colours

Light·white background·mono

Typography

Geistheading · sans · google Geistbody · sans · google

Stack & style

Next.js React Tailwind CSS

Minimal Bento Monochrome Bento grid Pricing table Sticky header Theme toggle

Also: Vercel

Design DNA

White page, tight bold centred headline, small pill announcement and black and ghost buttons. Below, a four-column masonry of real UI components (forms, charts, chat, payouts, QR, lists) in grayscale cards with light borders, fading out at the bottom. Neutral grey palette, small type, dense docs header.