Skip to content

v0.1.0

Latest
Latest

Choose a tag to compare

View all tags
@ssimorka ssimorka released this 07 Oct 01:15
· 48 commits to main since this release
v0.1.0
cdd2583
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

The first release of Graphite UI: one color, a whole theme.

What's in it

  • The color engine. One hex resolves in OKLab into eight ramps, thirty-two roles, interaction states and light and dark themes, with every text pairing contrast-checked at AA or AAA.

  • 36 governed components. Each one is held by CI to a versioned contract in docs/contracts/ and to the Figma kit.

  • A shadcn registry. Install the theme, the Tailwind v4 bridge and any component as source you own:

    npx shadcn@latest add https://www.graphite-ui.com/r/init.json https://www.graphite-ui.com/r/theme/0f766e.json https://www.graphite-ui.com/r/tailwind.json
npx shadcn@latest add https://www.graphite-ui.com/r/button.json

    Add ?level=AAA to the theme URL for the higher contrast target.

  • Create. A theme builder that exports the theme as CSS, a Tailwind bridge or JSON.

  • The Figma kit. A published library whose variables use the same --graphite-* names as the code.

  • Governance checks. drift-check, token-drift, component-doc-drift, naming-check and registry-check run on every pull request, and main requires them.

Get started

Read the Quick start, or see what you can use today.

There is no npm package: components install as source through the registry.

Assets 2
Loading