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 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.
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.
Slidemakr
AI-powered platform that transforms ideas into professional presentations in seconds.