Astryx Review (2026): Pricing, Features & Honest Verdict

TLDR

Astryx is Meta’s open-source React design system, rebuilt from the ground up so AI coding agents and humans build UIs the same way. It ships 150+ accessible components, ten themes, a CLI, and an MCP server. Best for: React teams using AI coding agents. Price: From $0/mo (free plan: yes, MIT licensed). Rating: 8.2/10

What is Astryx?

Astryx is an open-source design system for React that Meta released publicly in mid-2026 after eight years of internal use, where it grew into the company’s most-used design system and powers more than 13,000 apps. It ships as a cohesive toolkit: 150+ accessible components, brand-level theming, dark mode, ready-to-ship page templates, ten pre-made themes, a CLI, and an MCP server. It’s built on React and StyleX, Meta’s compile-time CSS engine that outputs static, atomic CSS at build time with no runtime overhead.

What sets Astryx apart from Radix, MUI, or shadcn/ui is its explicit design goal: it was built to be AI-operable rather than retrofitted for it. Meta’s thesis is that as more front-end code gets written by agents, a design system’s docs, API, and CLI need to be a single machine-readable contract so a developer and their AI assistant reference the exact same source of truth. Historically design systems were built purely for human consumption, and bolting agent support on afterward tends to produce brittle, half-documented tooling. Astryx flips that by making the same conventions, docs, and commands serve people and models equally. It’s MIT licensed, currently in beta, and available on GitHub, where it has picked up around 9.4k stars in its first few weeks.

What Are Astryx’s Key Features?

MCP server and agent-ready CLI

The headline feature is a Model Context Protocol (MCP) server plus a CLI that let an AI agent scaffold projects, browse templates, generate themes, and pull authoritative docs directly. The CLI ships a JSON manifest that gives agents a structured contract for every command, the front-end equivalent of what OpenAPI has done for backends. The CLI is wired through package.json scripts so agents invoke it without path errors.

150+ accessible components on StyleX

Astryx bundles over 150 components with accessibility baked in and consistent, documented naming conventions. Because it runs on StyleX, styles compile to atomic CSS at build time with no runtime plugin required, and components export their internal building blocks openly rather than hiding them behind closed APIs, so you can compose or override freely.

Token-based theming with ten themes

Themes are expressed as cascading CSS custom-property tokens. Swap the token values and every component restyles automatically with zero component-code changes. Astryx ships ten ready-made themes plus brand-level theming and dark mode, and you can override styling with Tailwind, CSS modules, or plain CSS if you need to break out of the token system.

Production templates and CLI scaffolding

Beyond raw components, Astryx includes ready-to-ship templates for common pages and layouts, so teams can stand up dashboards or marketing pages fast. The CLI handles scaffolding, theme generation, and codemods, giving you a repeatable setup path that both humans and agents can drive identically.

How Much Does Astryx Cost?

Astryx is completely free. It’s released under the MIT license, so there’s no paid tier, no seat pricing, and no usage caps, you install it from npm with a single command and ship. That puts it in the same free bucket as shadcn/ui and Radix UI, and undercuts commercial component libraries like MUI X, whose Pro plan runs about $180 per developer per year, or Tailwind UI’s roughly $299 one-time license. The only real cost is engineering time: adopting StyleX in your build pipeline and learning Astryx’s conventions. But there are no license fees, no lock-in penalties, and no upsell path waiting to charge you as your app grows. For a design system with Meta-scale engineering and eight years of production hardening behind it, MIT licensing is about as good as pricing gets.

Who Is Astryx Best For?

Astryx is aimed squarely at React teams that already lean on AI coding agents and want their tooling and docs to be a single source of truth for humans and machines alike.

• Use Astryx if you build in React, want a batteries-included design system with 150+ components and real theming, and you’re already pairing with AI agents through MCP-capable editors or CLIs.
• Skip Astryx if you’re not on React, you can’t adopt StyleX in your build pipeline, or you need a fully mature, non-beta system for a mission-critical launch this quarter.

Best Astryx Alternatives

Astryx isn’t the only free React design system, and depending on your stack and how much you care about agent tooling, a few competitors are worth a look.

shadcn/ui

The most popular open-source alternative: copy-paste React components built on Radix and Tailwind, free and MIT licensed. It’s less of a cohesive system and more a collection you own outright, and while a community MCP registry exists, agent-readiness isn’t native the way it is in Astryx.

MUI (Material UI)

A mature, comprehensive React component library. The core is free and MIT licensed, but advanced components live in MUI X Pro at roughly $180 per developer per year. More battle-tested than beta-stage Astryx, but heavier and not designed for agent workflows.

Radix UI

Free, MIT-licensed, unstyled and accessible React primitives that you style yourself. It’s the accessibility foundation many other systems (including shadcn) build on, but it ships no themes, templates, CLI, or MCP tooling, so you’re assembling far more by hand.

Final Verdict: Is Astryx Worth It?

Astryx is one of the most credible open-source design systems to launch in years, and the fact that it’s MIT licensed with eight years of Meta production hardening behind it makes it an easy thing to try. The agent-ready angle isn’t marketing fluff either: a real MCP server and a JSON-manifest CLI genuinely change how an AI assistant can scaffold and document UIs, and being first to treat that as a native design goal is a meaningful edge.

The caveats are real. It’s beta, it locks you into React plus StyleX, and the ecosystem of third-party themes and community help is still young next to shadcn or MUI. But there’s no cost and no lock-in penalty to adopting it. If you’re building React apps in 2026 and working alongside AI agents, Astryx is worth a serious pilot, we’d recommend it for new projects while keeping expectations calibrated for a beta.