← Page 1 (the first ten)  ·  Real-world examples ↗  ·  Run adoption test ↗

Framework comparison · page 2

A more considered cross-section: frameworks whose defaults already carry design opinion, so you start closer to distinctive and lean less on authoring. Same components, same copy, real CDN CSS. Use the switcher to dovetail a captured Style Guide and see which adopt it cleanly.

shadcn aesthetic — without React

Basecoat

shadcn · plain HTMLshadcn/ui rebuilt as plain HTML + CSS — the modern look, no React, token-driven. Strong candidate.Full screen ↗

Franken UI

shadcn · web componentsshadcn aesthetic built on UIkit — works in any runtime including PHP/Twig. Themeable.Full screen ↗

Flowbite

Tailwind kit · approxTailwind component library. Approximated with utilities here (needs a build for the real plugin), like shadcn on p.1.Full screen ↗
Opinionated, genuinely-designed systems

Vanilla

Canonical / UbuntuWarm, considered, distinct. A real design system with a clear POV baked into the defaults.Full screen ↗

Primer

GitHubGitHub's design system — crisp, thought-through, instantly recognisable. Strong, opinionated typography.Full screen ↗

USWDS

public-sector · trustedUS Web Design System — built for public-facing local services. Accessible, plain-spoken, trustworthy, distinct.Full screen ↗

Tabler

modern · friendlyModern, rounded, friendly — Bootstrap-based but doesn't read like it. Huge component set.Full screen ↗
Expressive / characterful

Cirrus

bold · expressiveBold, modern, expressive — more personality than the utilitarian set. Characterful out of the box.Full screen ↗

Spectre.css

refined · elegantElegant, refined, lightweight. A quiet, well-mannered aesthetic — distinct from Bootstrap.Full screen ↗

Halfmoon

app-like · darkNative dark mode, card-forward, an "app-like" feel. A different texture for businesses that want it.Full screen ↗