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

Currently in Beta · Built on Svelte and StyleX , porting Astryx
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.
  • Aa Neutral
  • Aa Stone
  • Aa Gothic
  • Aa Matcha
  • Aa Y2k
  • Aa Butter
  • Aa Chocolate
  • Aa Liquid Glass

Over 180 components

Accessible and themeable Svelte components with built-in spacing, dark mode, and flexible styling.
Badge Badge
Sample option

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.
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.

A faithful port, checked by machine

Every component is authored against the same StyleX token references Astryx uses, so the compiler emits byte-identical CSS — fidelity is proven by two oracles rather than by review.
211/213
documented components
629
example blocks
8
theme packages
20
reference topics

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.

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.

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.

Discover the full design system

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