An open source design system that's fully customizable and agent ready

Get startedBrowse components
Currently in Beta · Built on React and StyleX
Astryx theme

Start anywhere.
Change anything.
Ship faster.

A design system that adapts to your workflow, not the other way around. Built for speed, clarity, and creative freedom.

Themes that fit your brand

Fully customizable themes ready for use. Make it yours without starting from scratch.Explore →
Little joys,
everywhere you goWe believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.
Butter Croissant
Fresh

Butter Croissant

Flaky, laminated layers baked golden each morning.
Add to cart
Buttermilk Pancakes
Popular

Buttermilk Pancakes

Stacked tall with a melting pat of butter.
Add to cart
Belgian Waffle
New

Belgian Waffle

Deep pockets made for syrup and butter.
Add to cart

Checkout

Delivery time may vary based on location and availability.
Delivered in 5–7 business days$12.00
Delivered in 3–5 business days$16.00
Delivered in 1–2 business days$24.00
Payment method
Card
Apple Pay
Google Pay
Pay faster on Studio and everywhere Link is accepted.

Studio AI

Export conversation
Close chat
Today
Where’s my order?
Your order #1043 — the Minimalist Watch and Linen Throw — shipped this morning from the Aisle 3 warehouse and is currently in transit with UPS. It’s on track to arrive at your address by end of day tomorrow.Let me know if you’d like to reschedule the delivery, redirect it to a pickup point, or start a return once it arrives.
Can you show me the full details?
Here’s everything I have on order #1043:
ItemsMinimalist Watch · Linen Throw$248
ShippingUPS Ground$12
Estimated arrivalTomorrow by 8pmOn time
TrackingUPS 1Z 999 AA1 0123 4567 84Track →
Attach
Voice input

Inventory

List view
Grid view
ItemAvailableLocationTags
Butter CroissantAll-butter, 27 layers
64Case 1
Fresh
Row actions
Buttermilk PancakesStack of three
38Griddle
Popular
Row actions
Belgian WaffleLiège style, pearl sugar
51Griddle
New
Row actions
Buttered ToastSourdough, thick cut
12Case 2
Classic
Row actions
Cultured ButterEuropean style, salted
27Cooler
Staple
Row actions
Almond CroissantFrangipane filled
19Case 1
Limited
Row actions

Revenue

18KMonthly revenue
+12%Order growth

Activity

See all
Order #1043Placed · 1:59 pm+$248
Order #1041Refunded · 12:40 pm−$89
Order #1040Placed · 10:30 am+$156
Order #1038Placed · 9:11 am+$412
Order #1037Placed · 8:42 am+$95

Over 150 components

Accessible and themeable React components with built-in spacing, dark mode, and flexible styling.Explore →
BadgeBadge

A design system that your agent can use

Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line or MCP.Explore →
How can i help you today?
Can you create me a table page

Ready to ship templates

Production-ready templates for common pages, just plug in your content.Explore →

Astryx powers over 13,000 apps

Astryx has grown inside Meta over the last eight years, shaped by the engineers, designers, and product teams who depend on it every day.

Design for speed

Foundations you can trust, speed you can feel. The system is built so teams stop reinventing the basics and start shipping the ideas that matter.
Get started in minutes →

Built by the people who use it

The system gets sharper when we put it to work in the real world. Using it in context strengthens the whole system for everyone.
Learn how to contribute →

Ready for what's next

The quality bar is accelerating. Astryx pairs opinionated foundations with flexible patterns so your system keeps pace, no matter how the craft evolves.
See what's new →

Discover the fulldesign system

Browse 150+ components, explore production-ready templates, and tune themes to match your brand; pick a starting point and go.
Get startedBrowse components