Major Design System
One source of truth for the interface of every Major product — the Major app, the AI app builder and the marketing site. Calm, dense and quiet; one green action per view.
Install @major/ui in an app, load the theme, render your first Button.
How Major looks, sounds and behaves: one green action, calm and dense, plain words.
Colours, type, spacing, layout, radius, elevation, motion and icons — the tokens.
55 components, each with usage rules, live examples and its API.
Components composed into flows: the login form, the chat UI, the share modal.
What changed in each release of the package and the guidelines.
How the system is built
@major/uinpm packageReact components on Radix primitives, styled with Tailwind v4, and the tokens they are built on: one package, one version, installed by every product.
@major/ui/tailwind.cssthe themeColours (light and dark), type, spacing, radius, shadow and motion as CSS variables and a Tailwind v4 theme. Generated from tokens.json; typed values in @major/ui/lib/major-tokens.
This sitealways latestGuidelines, foundations, live examples and API references. Renders the components straight from packages/ui/src — nothing here ships to products.