Feature sections
PaidIcon-led feature grids in two, three or four columns, plain or as cards.
Icon grid
Why Letrix
A system, not a pile of components
Two token layers drive every component, so the whole library follows your brand.
Fast to adopt
Copy the source into your project, or install through the CLI. No runtime to learn.
Accessible by default
Focus management, keyboard behaviour and announcements are already wired.
Yours to theme
Point the tokens at your brand and every screen follows, dark mode included.
Bento grid
Everything included
Built like a system
One design system, not a folder of components
Every component is built from the same tokens, so spacing, radius, colour and type agree across the whole library. Change the brand once and the entire product follows — including dark mode, focus rings and disabled states.
Dark mode included
Not an afterthought — every component ships both treatments.
Source you own
Copy it in. No runtime, nothing to import, yours to edit.
Fast to adopt
Install via the CLI or paste from the docs. Start with one component.
Alternating rows
Tokens
Re-theme the whole library at once
Two token layers drive every component. Point them at your brand and every screen follows, dark mode included.
Accessibility
The keyboard work is already done
Focus management, roving tabindex and announcements ship with the component, not as a follow-up ticket.