Open source alternative to MUI X and KendoReact
Last verified
Build accessible React UIs with 150+ components, brand-level theming, and a CLI designed for both developers and AI coding agents.
Astryx ships seven themes and a theming system built on CSS custom property overrides, so a team can apply a custom brand without forking components. The 150+ accessible components cover most UI needs from foundations to complex patterns, and the MIT license means no subscription required.
Your codebase is on React 17 or React 18 and an upgrade is not planned. Astryx requires React 19 and there is no compatibility shim for older versions.
The CLI and API are designed so an AI coding agent and a human developer reach the same documentation and use the same commands. If your team uses AI coding tools and wants consistent component usage between human and agent contributions, Astryx was designed for that workflow.
You do not use AI coding agents and need a mature, stable component API today. KendoReact or MUI X offers larger stable component sets with enterprise support contracts.
MIT licensed with no per-seat fees, Astryx is a viable component foundation for open source projects, internal tools, and startups that cannot absorb a component library subscription. The seven ready-made themes let a project look polished without custom design work.
You need a component library that has been stable and battle-tested at large external scale for years. Astryx's beta status means the API is still evolving.
Building and maintaining a consistent design system across a large React codebase is expensive. Teams that start with a third-party component library eventually need deep theming: a component that renders fine out of the box needs a brand color, custom radius, or a different density, and most libraries make those changes without wrapping or forking the source nearly impossible. Wrapping creates a maintenance layer you now own; forking creates version drift that never stops accumulating.
The problem grows once AI coding agents join the workflow. An API not designed for agents produces inconsistent outputs: the agent reaches for props that exist, misses composition patterns documented only in the reference, and builds differently than the developer working next to it. The result is review cycles that catch agent-generated code rather than approve it, which defeats the purpose of the tool.
Pre-built UI components covering foundations, interactive elements, and patterns, all with full TypeScript support. Each component follows the same prop and composition conventions, so once you learn a few the rest behave predictably. The library includes ready-to-ship templates for common page patterns.
Themes are sets of CSS custom property overrides, not wrapper components or forked source. A designer can restyle every component to match a custom brand without touching component code. Seven ready-made themes are included: neutral, butter, chocolate, matcha, stone, gothic, and y2k.
The @astryxdesign/cli package documents components, generates scaffolding, and runs codemods. It can be installed globally so an AI coding agent and a developer reach the same component documentation with the same commands. Add a package.json script to avoid path errors when agents invoke it directly.
When a component's public API is not enough, swizzle ejects its full source into your project. You own the code from that point, can modify anything, and lose only automatic upstream updates for that specific component. It removes the need to fork the whole library for one deep customization.
Astryx uses StyleX internally to author its component styles, but consuming projects are not required to adopt StyleX. Override component appearance with Tailwind utility classes, CSS modules, or plain CSS through the standard className prop. No build plugin or PostCSS config is needed to get started.
Astryx and MUI X both serve React component library needs, but target different purchase situations. MUI X is a paid extension of the Material UI ecosystem, adding a data grid, date/time pickers, charts, and tree view that Material UI's free tier omits. Astryx is an MIT-licensed full design system with no paid tier.
| Feature | Astryx | MUI X |
|---|---|---|
| License | MIT | Commercial (subscription) |
| Component count | 150+ (beta) | Advanced components beyond MUI core |
| Theming | CSS custom properties, 7 themes | MUI theming system |
| AI-agent tooling | Built-in CLI and docs | Not a stated design goal |
| Status | Beta | Stable |
Astryx is the better choice for teams that want MIT-licensed components across the full set and a design system built for AI-agent workflows. MUI X is the better choice for teams that need stable, production-proven advanced components, particularly data grids and charts, with a commercial support option. MUI X's strength is in advanced data display components that Astryx does not yet ship in a stable release.
KendoReact is a commercial component library of 120+ components for business applications, with professional support contracts. It targets enterprise teams building data-heavy UIs. Astryx is a free, MIT-licensed design system with an emphasis on accessibility, theming, and AI-agent compatibility.
| Feature | Astryx | KendoReact |
|---|---|---|
| License | MIT | Commercial (subscription) |
| Component count | 150+ (beta) | 120+ (stable) |
| Support | Community, Discord, GitHub | Professional support contracts |
| AI-agent tooling | CLI and API designed for agents | Not a stated design goal |
| Status | Beta | Stable |
Astryx is the better choice for teams that want MIT-licensed components and an AI-agent-compatible API without a subscription cost. KendoReact is the better choice for enterprise teams that need a stable, commercially supported library with professional support SLAs. KendoReact's value is the support layer and mature API stability that a beta-stage library cannot yet provide.
Install Astryx and its peer dependencies using npm, pnpm, or yarn.
```bash
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex
npm install -D @astryxdesign/cli
```Astryx is currently in beta, so the API may include breaking changes. Meta uses it internally to power 13,000+ apps, but the external release is still beta-stage. Teams with low tolerance for API churn should wait for a stable release or be prepared to pin versions and absorb migration work.
No. Astryx uses StyleX internally to author its component styles, but consumers do not need to adopt StyleX. You can override component appearance using Tailwind utility classes, CSS modules, or plain CSS through the standard className prop. No build plugin or PostCSS config is required.
React 19 or later is required. Both react and react-dom are peer dependencies of @astryxdesign/core. Projects on React 17 or React 18 cannot use Astryx without upgrading their React version first.
The @astryxdesign/cli package documents components, generates scaffolding, and handles codemods. It can be installed globally so an AI coding agent and a developer invoke the same commands and reach the same component documentation. The stated design goal is that people and agents build the same way from the same reference.
Yes. Astryx is MIT licensed, so you can use it in commercial projects, modify it, and distribute it without paying licensing fees. Beyond the standard MIT attribution requirement, there are no seat restrictions or subscription costs.
Alternative to
KendoReact
Open source React components for Google's Material Design
Alternative to
Tailwind UI
200+ copy-paste React and Next.js components, MIT licensed, no package
Design skill for coding agents with 48 themes, real photos and lint.
Alternative to
Plasmic
Your design canvas is backed by real files in git
Alternative to
QFluentWidgets
Fluent UI component library for Qt Widgets in C++17 and Python
Alternative to
BBEdit
Native Apple text and Markdown editor with safe file sync
Sponsors
Alternative to
Superhuman
AI email assistant that drafts replies and clears your inbox
Alternative to
Grok Bot
AI teammates you own: your keys, your model, your machine.
Live monitoring on LinkedIn, X, Reddit & more. Agentic social listening for startups.
The projects we add and every new guide. Free, unsubscribe any time.
Claude Code to 
OpenCode
Jira to 
Windshift
Notion to 
AppFlowy
Slack to 
Mattermost
Linear to 
GitLab
Wispr Flow to 
Handy
Arc to 
Zen Browser
CapCut to 
Concat
Grok Bot to 
rakazo
Superhuman to 
Inbox Zero
Airtable to 
AITable
Muse to 
OpenClaw
Railway to 
Coolify
GitHub Copilot to 
Cline
Datadog to 
NetdataConfluence to 
Wiki.js
Microsoft Teams to 
Rocket.Chat
Firebase to 
Supabase
Pinecone to 
Qdrant
Zapier to 
n8n
1Password to 
KeePassXC
Devin AI to 
OpenHands
Asana to 
Leantime
Contentful to 
Strapi
