Astryx
Astryx is an open source design system by Meta, built on React and StyleX, offering over 160 accessible and themeable components. It is fully customizable, agent-ready, and includes templates, themes, and documentation for rapid UI development. Currently in Beta.
Key facts
What is Astryx?
A design system that adapts to your workflow, not the other way around, built for speed, clarity, and creative freedom.
Who is Astryx best for?
Designers, developers, and product teams
What are its main limitations?
- Currently in Beta (may have breaking changes)
- Limited to React ecosystem (StyleX as styling solution)
Limitations are based on product materials or editorial synthesis; confirm on the official site.
Key features
- ✓Over 160 accessible and themeable React components
- ✓Built-in spacing, dark mode, and flexible styling
- ✓Agent-ready documentation from command line or MCP
- ✓Production-ready templates for common pages
- ✓Fully customizable themes without dependencies
- ✓WAI-ARIA keyboard patterns and accessibility by default
Use cases
- →Building internal tools and admin panels
- →Rapid prototyping of web applications
- →Creating consistent brand experiences across products
- →Generating agent-based interfaces with AI workflows
- →Shipping production UIs with minimal reinvention
Pros
- +Open source and free to use
- +Accessible by default with WAI-ARIA support
- +Large component library proven at Meta (over 13,000 apps)
- +Agent-ready for AI-driven development
- +Fully customizable themes and templates
Cons
- −Currently in Beta (may have breaking changes)
- −Limited to React ecosystem (StyleX as styling solution)
Positioning
- Core value: A design system that adapts to your workflow, not the other way around, built for speed, clarity, and creative freedom.
- Ideal for: Designers, developers, and product teams
- Product type: Open source React component library with CLI and MCP support
Frequently asked questions
What is Astryx?
Astryx is an open source design system by Meta, built on React and StyleX, providing over 160 accessible and themeable components, templates, and themes for building UIs quickly.
Who is Astryx for?
It is designed for designers, developers, and product teams who want a customizable, agent-ready design system to accelerate UI development.
What technologies does Astryx use?
Astryx is built on React and StyleX, and supports MCP (Model Context Protocol) for agent integration.
Is Astryx free to use?
Yes, Astryx is open source and free to use under Meta's licensing terms.
Is Astryx production-ready?
Astryx is currently in Beta, but it has been used internally at Meta in over 13,000 apps and is available for public use.
You may also like
Curated suggestions based on similar categories.
Mojave Paint
Mojave Paint is a native macOS image editor for Apple Silicon, requiring macOS 15 Sequoia. It offers a retro aesthetic and familiar key bindings, focusing on deterministic and mathematical mutations rather than AI-generated content. The app is free to download and fully-featured except for export, which is a $9.99 one-time purchase.
MarkUp.io
MarkUp.io is a visual feedback and collaboration platform that allows users to upload websites, images, PDFs, and videos and leave contextual comments. It supports over 30 file types and enables easy sharing with team members or guests for review. The platform is designed to streamline review processes and reduce feedback loops for individuals, teams, and enterprises.
AI Floor Plan Generator
AI Floor Plan Generator is an AI-powered spatial design tool that allows users to type a prompt or upload a sketch to generate professional floor plans instantly, without CAD experience. It supports international drafting standards (ISO 128, AIA/NCS, GB/T 50104) and offers features like natural language understanding, floor plan optimization, project-based management, and high-quality rendering.
EmojiArtist
EmojiArtist is a web app that lets users create custom emojis. It offers free daily credits for daily generations.
AutoDraw
An online drawing tool that encourages fast clicking to speed up the drawing process. Includes options to download, share, and access shortcuts and how-to guides.
illustration.app
The provided website text returned a 404 error, indicating no product information is available.