Home / All Categories / Developer Tools / UI Components & Design Systems
Astryx logo

Astryx.

Ship polished interfaces faster with complete design control

Build accessible, themeable UIs with Meta's open-source design system. React + StyleX components, dark mode, templates & AI-ready customization tools.

React ComponentsOpen SourceAI Agent Ready
Visit Website
Visit Website
Rank
▲ #84
Votes
101
Platform
Web / Mobile
Launched
Recently
Astryx screenshot

More About Astryx

Astryx

Astryx is an open-source design system developed at Meta over eight years, powering more than 13,000 applications with over 160 accessible, themeable React components. It offers fully customizable themes and production-ready templates that adapt to your workflow, enabling teams to ship faster without sacrificing creative freedom or quality.

Product Highlights

  • Fully Customizable Themes: Ready-to-use themes that fit your brand identity without starting from scratch, complete with dark mode and flexible styling options.

  • 160+ Accessible Components: Comprehensive library of React components featuring built-in spacing, accessibility standards, and seamless theme integration.

  • Agent-Ready Architecture: Scaffold projects, browse templates, generate themes, and access documentation via command line or MCP for AI-assisted workflows.

  • Production-Ready Templates: Pre-built templates for common page patterns that let you plug in content and deploy immediately.

  • Real-World Proven: Battle-tested across 13,000+ applications at Meta, continuously refined by the engineers and designers who use it daily.

Use Cases

  • Rapid Product Development: Teams can skip foundational UI work and focus on shipping core features, reducing time-to-market for new applications.

  • Design System Migration: Organizations looking to standardize their frontend can adopt Astryx's opinionated foundations while maintaining flexibility for custom patterns.

  • AI-Assisted Workflows: Developers and agents can leverage CLI tools and MCP integration to automate project scaffolding, theme generation, and documentation access.

  • Cross-Functional Collaboration: Designers and engineers work from the same component library, ensuring consistency from prototype to production.

Target Audience

Astryx serves frontend engineers, UI/UX designers, and product teams at growth-stage companies and enterprises who need a scalable, proven design system that balances speed with flexibility. It is particularly valuable for organizations prioritizing accessibility, dark mode support, and AI-ready development workflows.