← Back to lab

Meridian UI

Design system

An open component library — 60+ accessible components with tokens, docs, and do/don’t examples.

Client
Open source
Year
2024
Scope
System + docs
Stack
React, Storybook, Tokens
Meridian UI — component library

The idea

Design systems fail when nobody reads the docs. Meridian is an exercise in documentation people actually use: live examples, copy-paste snippets, and accessibility built in rather than bolted on.

The approach

Token-based theming, every component keyboard-tested and screen-reader-tested, Storybook docs with do/don’t pairs, and migration codemods as a first-class feature.

What it proves

60+
documented, accessible components
WCAG AA
every component, verified
Open
source — read every line
Next experiment

Fieldnotes →

Or skip the tour — tell us about your project and get this level of care on something real.