Astryx: Meta's Open Source Design System with 150+ Components, Customizable and AI-Agent Ready
Meta has open-sourced Astryx, a design system built on React and StyleX with over 150 components. Currently in beta, it's already powering more than 13,000 apps internally at Meta, shaped over eight years by engineers, designers, and product teams.
Key Features from the Source
- Component count: 150+ accessible, themeable React components with built-in spacing, dark mode, and flexible styling.
- CLI & MCP support: Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line or via the Model Context Protocol (MCP).
- Customizable theming: Start with ready-to-use themes and adapt without starting from scratch.
- Production-ready templates: Templates for common pages — just plug in your content.
- Built with StyleX: Meta's own CSS-in-JS solution, now open source as well, providing zero-runtime styling.
Practical Details from the Site
The landing page demonstrates a full e-commerce UI: inventory management with filters (categories, locations, tags), a live chat agent that handles order tracking and returns, a shopping cart with shipping methods, and a revenue dashboard. The design system includes components like Badge, Checkbox, Switch, Buttons, Cards, and more, all visible in the component explorer.
The CLI can be used to generate themes and scaffold projects. For agent integration, Astryx provides MCP server support, allowing AI coding agents to browse components, generate themes, and fetch docs directly from the command line.
Astryx is open source under a permissive license (MIT or similar, check repo). The project is available at astryx.atmeta.com. You can start by running the CLI after installing the package:
npm install astryx
npx astryx init --template default
npx astryx theme generate --brand-color #3355FF
npx astryx agent setup --mcpThese commands are inferred from the site description; exact syntax may vary.
Who It's For
Developers building React applications who need a battle-tested design system with AI-agent integration for rapid prototyping and production use.
📖 Read the full source: HN AI Agents
👀 See Also
Qwen2-0.5B Fine-Tuned for Local Task Automation with llama.cpp
A developer fine-tuned Qwen2-0.5B for task automation using LoRA on ~1000 custom examples, creating a 300MB GGUF model that runs locally on CPU via llama.cpp. The model takes natural language tasks, detects task types, and generates execution plans with CLI commands and hotkeys.
Kula: Self-contained Linux server monitoring with zero dependencies
Kula is a lightweight Linux server monitoring tool that runs as a single binary with no external dependencies or databases. It collects system metrics every second from /proc and /sys, stores them in a built-in tiered ring-buffer, and provides both web dashboard and terminal TUI interfaces.
Culpa: Open Source Deterministic Replay Engine for AI Agent Debugging
Culpa is an open source tool that records LLM agent sessions with full execution context, enabling deterministic replay using recorded responses as stubs instead of hitting real APIs. It works with Anthropic and OpenAI APIs via proxy mode or Python SDK.
LLMs Leak Reasoning into Structured Output Despite Explicit Instructions
A developer building a tool that makes parallel API calls to Claude and parses structured output found that validation models intermittently output reasoning text before corrected content, despite explicit instructions to return only corrected text. The fix involved prompt tightening plus a defensive strip function that runs before parsing.