Astryx is Meta’s open-source design system built on React and StyleX. It includes accessible components, brand-level themes, templates, dark mode, CLI/MCP docs, and customization paths for both developers and AI agents.
Meta has open-sourced Astryx, the design system that has powered over 13,000 internal tools for the last 8 years. It’s out now in beta on @React and StyleX.
Astryx was built from the ground up for agents. Most design systems assume a human is reading the docs. Astryx lets agents read the same API reference through the CLI, so your agents build UI using the exact same system a human would, rather than hallucinating component props.
They also avoided the usual customization trap. You can theme it at the token level so your app doesn’t look like a Meta clone, but you can also fully eject a component’s source code if you need absolute control.
token-level theming plus a full source eject covers the exact case that always bites me. every design system i've built on eventually hits one component the tokens can't express, and then it's fork-the-whole-thing or wrap it in hack divs. 90% through tokens, own the source for the last 10% — that's the escape valve i want.
Every big company says their design system is "built for agents" now. What's actually different here versus just having clean, well written docs that a model can parse?
Hooked an agent up to our old design system last year and it kept inventing props that didn't exist. If Astryx actually solves that, it's worth trying for our team.
Agent-readable design-system APIs are a practical shift. The key is making the allowed component contracts easier for agents to follow than inventing their own props; otherwise the system still depends on a human cleaning up drift after the fact.
8 yrs of internal use means it's battle tested, but packaging something for public use is a different job entirely.
How does the agent readable API actually compare to what Radix or shadcn already expose? Those aren't bad either.
Token level theming vs full eject is a real tradeoff. The more teams eject the less they benefit from upstream fixes. Curious how often that happens in practice.
The "eject the component" option sounds great until you're the one maintaining a forked mess later.
The tagline points to digital connection, but the topic hints cover a pretty wide span: Design Tools, User Experience, AI Workflow Automation, Marketing & Sales, and AI Agents. Is Meta meant to start with one specific user group first, like designers, community builders, or product teams, or is the idea to connect those workflows from day one?
Astryx launched on Product Hunt on July 6th, 2026 and earned 135 upvotes and 14 comments, placing #8 on the daily leaderboard. Astryx is Meta’s open-source design system built on React and StyleX. It includes accessible components, brand-level themes, templates, dark mode, CLI/MCP docs, and customization paths for both developers and AI agents.
Astryx was featured in Design Tools (261.1k followers), User Experience (366.5k followers), GitHub (41.3k followers) and Design (5.2k followers) on Product Hunt. Together, these topics include over 97.1k products, making this a competitive space to launch in.
Who hunted Astryx?
Astryx was hunted by Zac Zuo. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Astryx stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Zac Zuo
Hi everyone!
Meta has open-sourced Astryx, the design system that has powered over 13,000 internal tools for the last 8 years. It’s out now in beta on @React and StyleX.
Astryx was built from the ground up for agents. Most design systems assume a human is reading the docs. Astryx lets agents read the same API reference through the CLI, so your agents build UI using the exact same system a human would, rather than hallucinating component props.
They also avoided the usual customization trap. You can theme it at the token level so your app doesn’t look like a Meta clone, but you can also fully eject a component’s source code if you need absolute control.