Components Examples Pricing FAQ Blog Documentation

Login Get access

Foundations

Introduction Installation CLI Theming Style guide Icons

Actions

Buttons Button groupsPaid Social buttonsPaid LinksPaid Copy buttonPaid Theme switcherPaid

Badges & tags

Badges TagsPaid IndicatorPaid

Inputs

Text inputs Textarea SelectPaid Multi selectPaid ComboboxPaid Checkbox & radio Checkbox groupPaid Toggle SliderPaid Number inputPaid Phone inputPaid Verification codePaid Rich text editorPaid Form layoutsPaid Color pickerPaid Native selectPaid FieldPaid Floating labelPaid Search inputPaid Gradient pickerPaid Image pickerPaid

Data display

Avatars TablePaid Tree viewPaid Code blockPaid Cards & dividersPaid Featured iconsPaid Rating & starsPaid Credit cardPaid QR codePaid Video playerPaid CarouselPaid Keyboard keysPaid SeparatorPaid TimestampPaid ResizablePaid Aspect ratioPaid List groupPaid Scroll areaPaid Device mockupsPaid

Feedback

Alerts ToastsPaid Progress & loadersPaid Announcement barPaid

Navigation

Tabs Breadcrumbs & pagination

App shell

Header navigation Sidebar FooterPaid Bottom navigationPaid

Overlays

ModalPaid Dropdown menuPaid PopoverPaid Tooltip AccordionPaid Bottom sheetPaid Context menuPaid LightboxPaid Shortcuts dialogPaid CollapsiblePaid Hover cardPaid MenubarPaid Mega menuPaid Speed dialPaid

Application

Page headers Section headers Empty states IllustrationsPaid Loading indicators MetricsPaid ChartsPaid Progress stepsPaid WizardPaid Filter barsPaid File uploadersPaid Date pickersPaid Time pickerPaid CalendarPaid Kanban boardPaid Auth blocksPaid Account switcherPaid BillingPaid OnboardingPaid Cookie bannerPaid Error pagesPaid Command menusPaid NotificationsPaid Activity feedsPaid MessagingPaid Slideout menusPaid

Marketing

Hero sectionsPaid Feature sectionsPaid Pricing tablesPaid TestimonialsPaid Logo cloudsPaid FAQ sectionsPaid CTA sectionsPaid StatsPaid Blog sectionsPaid Careers sectionsPaid Contact sectionsPaid Content sectionsPaid Team sectionsPaid Newsletter sectionsPaid

Typography

HeadingsPaid Paragraphs & textPaid BlockquotePaid ListsPaid ImagesPaid HRPaid

Examples

Analytics dashboardPaid Finance overviewPaid Project overviewPaid Billing & usagePaid New project wizardPaid Customers · CRUDPaid Account settingsPaid Team managementPaid Marketing landing pagePaid Pricing pagePaid Legal pagePaid Blog indexPaid Blog articlePaid Contact pagePaid About pagePaid Notifications inboxPaid Accessibility findingsPaid Order statusPaid Workspace settingsPaid FAQ pagePaid Auth flowPaid 404 pagePaid

Letrix UI · v0.1 · Docs

Components/Avatars

Avatars

Identity circles in five sizes with initials, icon fallback, status indicators, and stacked groups.

Sizes

HRHRHRHRHRPB

With status

HRPBLS

Avatar group

HRPBLSDW+3

A React component library with its own token-driven design system. Built by Letrix Labs.

Product

Components
Examples
Pricing
Changelog
Documentation

Company

Blog
Contact

Legal

Terms of Service
License
FAQ

© 2026 Letrix Labs. All rights reserved.letrixui · early access