Letrix UI
Changelog

What shipped, and when

Every release, in public, starting here. Buy once at 1.0 and every release after it is included.

v1.0: First public release

Latest

Everything below ships in 1.0. There are no earlier entries because there were no earlier releases — the library was built in private and this is the first version anyone outside the project can install.

The library

  • 119 component categories and 420+ live examples, every one of them a complete component you can copy rather than a fragment.
  • 208 exported React components across 745 variant combinations, built on Tailwind and CVA recipes.
  • 22 full example screens — dashboards, settings, billing, team management, pricing, blog and legal pages — assembled entirely from the library, so nothing in them is a mockup you cannot build.
  • A free tier under MIT, previewable in full: paid components render live on the site, and it is the source behind them that a license unlocks.

Theming

  • Colour is OKLCH throughout. Give it one brand hex and it generates the whole ramp, keeping contrast consistent across every step instead of collapsing at the dark end.
  • 17 brand presets, a custom hex field, and a live customizer for brand colour, grey tint, radius and type — the CSS updates as you drag.
  • A dark theme resolved from semantic tokens rather than a second set of colours, so components stay correct in both without per-component overrides.
  • Tokens are plain CSS custom properties. They are the public API, they are documented, and the CLI writes them into your project — not a config object you have to learn.

The CLI

  • npx letrixui init sets up tokens and config, asking for your brand colour and writing the ramp.
  • npx letrixui add installs component source into your repository. The code is yours from that point: no runtime dependency on us, and nothing to upgrade in lockstep.
  • npx letrixui login authorises a machine through a device code, the way a CLI should — no pasting a key from a dashboard into a terminal.
  • Per-device API keys, listed and revocable from your dashboard. Losing a laptop costs you one key, not every machine and CI job you own.

Licensing and accounts

  • Passwordless sign-in, and licenses resolved by email at request time — so a seat added or removed in the dashboard takes effect on the next request, with no reconciliation.
  • Team licenses with seat management: the owner invites and removes members, and a member never sees the owner's credentials.
  • Paddle is the merchant of record, so invoices, VAT and sales tax are handled and your receipt comes from them.

Docs and icons

  • Every example has its own frame: preview and code side by side, an independent light/dark toggle, one-click copy, and a deep link straight to it.
  • The code panel shows the file that renders the preview above it, read from disk at request time — so what you copy is what you just looked at.
  • 1,756 icons in @letrixui/icons, published and searchable in the docs — every one a tree-shakeable React component with runtime size and stroke-width props.