Liro UI System

Layro System: the inside of a SaaS product, built as one system on shadcn tokens. Forms, overlays, data tables, charts, editor and auth. Keyboard-complete, accessible, light and dark.

by Mohamed Uvaish

30components238.6Kviews487bookmarks

Web Shot Button

Button

Empty & Loading States

Stepper

Pagination

Accordion

Popover

Dropdown Menu

Tooltip

Toast

Dialog

Tabs

Badge

Switch

OTP Input

Color Picker

Tree View

Checkbox

Radio Group

Select

Auth Forms

Combobox

Date & Range Picker

Textarea

Liro UI System

Layro System: the inside of a SaaS product, built as one system on shadcn tokens. Forms, overlays, data tables, charts, editor and auth. Keyboard-complete, accessible, light and dark.

by Mohamed Uvaish

30components238.6Kviews487bookmarks

Web Shot Button

Button

Empty & Loading States

Stepper

Pagination

Accordion

Popover

Dropdown Menu

Tooltip

Toast

Dialog

Tabs

Badge

Switch

OTP Input

Color Picker

Tree View

Checkbox

Radio Group

Select

Auth Forms

Combobox

Date & Range Picker

Textarea

Related libraries

Cnippet

by Cnippet

347

components

ReUI

by Sean Hello

263

components

Ruixen UI

by Ruixen UI

347

components

Jolly UI

by James Shopland

49

components

HextaUI

by Preet Suthar

119

components

uiable

by uiable

168

components

About Liro UI System

Liro UI System is a component library on 21st.dev by Mohamed Uvaish with 30 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.