# Meta Open-Sources Astryx, Its Agent-Ready React Design System

DevFeed: [Meta Open-Sources Astryx, Its Agent-Ready React Design System](<https://devfeed.tech/articles/meta-open-sources-astryx-its-agent-ready-react-design-system-10827.md>)

Original publisher: [Read original article](<https://www.infoq.com/news/2026/09/meta-astryx-design-system/>)

Author: Bruno Couriol

Published: 2026-09-13T23:39:00Z

Content type: news

Language: en

Sources: [InfoQ](<https://devfeed.tech/sources/infoq.md>)

Topics: [Meta](<https://devfeed.tech/topics/meta.md>), [React](<https://devfeed.tech/topics/react.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Svelte](<https://devfeed.tech/topics/svelte.md>), [Flutter](<https://devfeed.tech/topics/flutter.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [css](<https://devfeed.tech/tags/css.md>), [development](<https://devfeed.tech/tags/development.md>), [flutter](<https://devfeed.tech/tags/flutter.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [meta](<https://devfeed.tech/tags/meta.md>), [meta-astryx-design-system](<https://devfeed.tech/tags/meta-astryx-design-system.md>), [news](<https://devfeed.tech/tags/news.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [react](<https://devfeed.tech/tags/react.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [tokens](<https://devfeed.tech/tags/tokens.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [ui](<https://devfeed.tech/tags/ui.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

## AI overview

Meta has beta-released Astryx, an open-source React design system developed internally over eight years. It offers more than 150 accessible components, customizable CSS design tokens, precompiled StyleX-based styling, component code ejection, CLI tooling, and an MCP endpoint for developer and AI workflows.

## Source excerpt

Meta recently announced the beta release of Astryx, an open-source React design system developed internally over eight years. Astryx builds on React 19 and StyleX to provide over 150 accessible UI components, customizable CSS design tokens, and dedicated CLI and MCP tooling -- for both engineers and AI agents. By Bruno Couriol