Layro 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

29components82.2Kviews251bookmarks

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

Input

Layro 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

29components82.2Kviews251bookmarks

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

Input

Related libraries

Cnippet

by Cnippet

347

components

ReUI

by Sean Hello

262

components

coss

by coss

74

components

uiable

by uiable

168

components

shadcn/ui

by shadcn

87

components

Hirael

by Mohammad Shehadeh

217

components

About Layro System

Layro System is a component library on 21st.dev by Mohamed Uvaish with 29 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.