• Picks
  • Discover
  • Alternatives
  • About

© 2026 Willet

  • Newsletter
  • About
  • FAQ
  • Terms
  • Privacy & Cookies
Join the Discord (opens in a new tab)
Meta avatar

Astryx

React component library and design system from Meta with theming

  • Languages and frameworks
  • Design and creative
View on GitHub
Website

What it is

A React 19 design system with more than 150 accessible typed components, CSS-variable theming, dark mode, page templates, and seven ready-made themes. Styles ship as prebuilt CSS that projects can override using Tailwind, CSS modules, or ordinary stylesheets, and a CLI covers component docs, scaffolding, codemods, and ejecting a component's source. Front-end teams building web apps use it when they want people and AI coding assistants working from the same documented API and conventions.

Images

Facts

Stars
13,711 GitHub stars.
13,711

Forks
1,179
Commits
4,922
Contributors
106
Language
TypeScript
License
MIT
Last commit
Oct 20, 2026
On GitHub since
January 2026
First release
March 2026
Platforms
CLI, library
Self-hostable
No
Tags
  • ui-design
  • ui-components

Last synced from GitHub on Oct 20, 2026

The 10 best overlooked open-source projects, every Monday.

Share and more

Comments

No comments yet. Start the conversation.

Similar projects

  • shadcn-ui avatar

    shadcn/ui

    Copy-in React components you own and edit as your own UI kit

    126k
  • Tailwind Labs avatar

    Tailwind CSS

    CSS framework built from small single-purpose utility classes

    97.9k

What people are saying

Updated Oct 21, 2026
  • Bluesky“I must admit, I was pretty surprised when I saw that Meta's new internal design system was built with Storybook and Vite. astryx.atmeta.com”Jul 3, 2026 · 13 likes · 1 reply (opens Bluesky in a new tab)
  • Hacker NewsAstryx – open-source design system customizable and agent readyJun 24, 2026 · 12 points · 2 comments (opens Hacker News in a new tab)
  • Bluesky“I was clicking through astryx.atmeta.com, Meta's design system docs, and noticed it felt kinda slow to navigate. It's a docs site that should be static, but…”Jul 17, 2026 · 10 likes · 2 replies (opens Bluesky in a new tab)
  • Bluesky“Meta just open sourced an internal design system called Astryx. astryx.atmeta.com”Jul 1, 2026 · 3 likes · 2 replies (opens Bluesky in a new tab)
  • Bluesky“Meta made their internal design system open source. astryx.atmeta.com #DesignSystem #OpenSource”Jul 1, 2026 · 4 likes · 0 replies (opens Bluesky in a new tab)
  • Hacker NewsAstryx Design SystemJun 26, 2026 · 3 points · 0 comments (opens Hacker News in a new tab)
  • Hacker NewsAstryx by Facebook: An design system that's customizable and agent readyJul 9, 2026 · 2 points · 0 comments (opens Hacker News in a new tab)
  • Hacker NewsAstryx Design SystemJul 5, 2026 · 1 point · 1 comment (opens Hacker News in a new tab)
  • Hacker NewsFacebook/AstryxJun 26, 2026 · 2 points · 0 comments (opens Hacker News in a new tab)
  • Bluesky“Astryx is becoming my go-to styled component library”Oct 12, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“astryx.atmeta.com is pretty good! When you have a team of any reasonable size you have to build it yourself though really, with your own trade offs baked into…”Oct 1, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“libraries.dev - UI libraries for AI agents activebuilders.dev - Community of active builders toggles.colorion.co - 36 Free CSS toggles ready to copy…”Sep 18, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Played around a bit with Meta's newly-released Astryx design system. Certainly not a game-changer, but it seems well thought out and executed. There are some…”Jul 13, 2026 · 0 likes · 1 reply (opens Bluesky in a new tab)
  • Bluesky“→ Meta open-sources Astryx, the React and StyleX design system behind 13,000+ internal apps →”Jul 12, 2026 · 0 likes · 1 reply (opens Bluesky in a new tab)
  • Bluesky“facebook/astryx: An open source design system that's fully customizable and agent ready ReactとStyleXで実装されたMetaのデ”Jun 27, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“One of the main users of this is astryx.atmeta.com and my understanding is that stylex was chosen to allow user freedom in how you style things. I.e. you…”Sep 2, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Astryx is an open source AI-ready design system by Meta (React only). astryx.atmeta.com”Jul 21, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Astryx is a design system released by Meta built on top of StyleX and React. Meta uses it too to ensure all their apps are on brand. The whole thing looks…”Jul 2, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“an open design system your ai agent can actually build with. astryx is meta's open source, agent-ready design system: customizable components, tokens and…”Jul 1, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Astryx Design System”Jun 25, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)