Introduction
A component library that ships with its own design system: what Letrix UI is, how the docs work, and where to start.
Letrix UI is a React component library that ships with its own design system. Every component reads from one set of design tokens (brand color, gray tint, radius, type), so the whole library re-brands together, stays consistent as it grows, and resolves light and dark from the same markup.
The library covers 950+ components and variants across 119 categories: base components like buttons, inputs and tables; application patterns like command menus, date pickers and activity feeds; and seven full example screens that show everything composed into real product pages.
How the docs work
Every example renders live. Flip Preview to Code for the full React source, taken straight from the example in front of you, so what you copy is exactly what you saw. The sun and moon icon previews any example in the other theme without touching the rest of the page.
Free categories show their full code. Paid categories preview completely but keep code behind a license: one purchase, every component and update we ship, forever.
Deep links. Every page has a stable URL, like /docs/react/components/buttons or /docs/react/components/ex-analytics, so you can share a specific page.