Astryx

Astryx

An open source design system that is fully customizable and agent ready.

47components46.9Kviews318bookmarks

Auto-indexed

Astryx contents

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Toggle Button

Astryx Button Group

Astryx Button Group

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Breadcrumbs

Astryx Button

Astryx Button

Astryx Button

Astryx Button

Astryx Button

Astryx Button

Astryx Button

Astryx Button

Astryx Button

Astryx Blockquote

Astryx Blockquote

Astryx Blockquote

Astryx Blockquote

Astryx Blockquote

Astryx Blockquote

Astryx Badge

Astryx Badge

Astryx Badge

Astryx Badge

Astryx Badge

Astryx Badge

Astryx Badge

Astryx Badge

Components
/
Meta
/
Astryx

Related libraries

Ruixen UI

by Ruixen UI

347

components

HextaUI

by Preet Suthar

119

components

Geist

by tigran tumasov

72

components

Shadcnblocks.com

by Shadcnblocks.com

29

components

Dali Agents

by Liana Pepanyan

46

components

Base UI

by MUI

28

components

About Astryx

Astryx is a component library on 21st.dev by Meta with 10 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.

All 10 Astryx components

Astryx Aspect Ratio
Astryx Avatar
Astryx Avatar Group
Astryx Badge
Astryx Banner
Astryx Blockquote
Astryx Breadcrumbs
Astryx Button
Astryx Button Group
Astryx Toggle Button

Browse all component libraries →