Astryx from Meta

🚀 Introducing Astryx from Meta – an open source design system that’s AI fluent and fully customizable without dependencies. 150+ accessible components, brand-level theming, ship-ready templates, and a CLI. Built at Meta over 8 years, now yours. Astryx Design → astryx.atmeta.com and GitHub → github.com/facebook/astryx

Two new Astryx posts are live ✨ How Astryx works: architecture, tokens, StyleX, and the principles behind the system. The Astryx CLI: docs, templates, upgrades, swizzling, and agent-friendly workflows. astryx.atmeta.com/blog/how-astry… astryx.atmeta.com/blog/the-astry…

Astryx 0.1.5 is out 🎉 New: AspectRatio fit, SSR-safe useHotkeys, CollapsibleGroup dividers/density, per-block CodeBlock themes, 2 dense templates, runtime accent theming, a11y fixes, safer inputs, and CLI polish. Install: npm i @astryxdesign/core@latest github.com/facebook/astry…

Astryx v0.1.4 is here: Code gets color/size props, Markdown now supports reference-style links, custom inputs join native forms via htmlName, and tables gain expandable tree rows. Plus Calendar/Button/Text/Spinner fixes, CLI codemod hardening, and Stone dark-mode polish. github.com/facebook/astry…

Astryx v0.1.3 is out. This release is a big step forward for accessibility, keyboard navigation, and data tables. Install it with: bash. Learn more here astryx.atmeta.com/blog/astryx-v0…

@mustafaabobakr_ Thanks for reporting. Would you mind creating a bug in our GitHub repo?

@Astryxdesign Command Palette

🚀 Introducing Astryx from Meta – an open source design system that’s AI fluent and fully customizable without dependencies. 150+ accessible components, brand-level theming, ship-ready templates, and a CLI. Built at Meta over 8 years, now yours. Astryx Design → astryx.atmeta.com and GitHub → github.com/facebook/astryx

@ku2design Thank you for your interest! The team has been focused on releasing new components and templates, so we haven't had the bandwidth to work on the Figma files yet. We appreciate your patience!

@Astryxdesign Any plan to open source Astryx Figma file? 🤤

@KirillTregubov_ Thanks for reporting. The team is aware of this issue and will work on a fix.

@Astryxdesign Is this the level of quality we can expect from this design system, or is this a StyleX bug?

@zcserei @groktuto yes, build on React and StyleX

@groktuto @Astryxdesign yes

@openfire3 Yes, web only library so far.

@Astryxdesign Is it web only?

Hi, the issues have been fixed. Wired local state into the Slider, Selector, and MultiSelector showcase examples so they are interactive — they were controlled components with a static value and a no-op/missing onChange, so the docsite previews appeared frozen (#3187, #3188, #3189). github.com/facebook/astry…

@Astryxdesign Sure: date range input, slider, multi selector, selector

Hey all, v.0.1.2 is out which fixed some issues: github.com/facebook/astry… There's a breaking change for Text and Heading that converts color="active" to color="accent". to be more consistent with our token naming. We've shipped a codemod with the CLI to help perform the update. Also! We've published a new blog post to explain more about the technical side of this system, where we came from, and how we think about driving this system forward: astryx.atmeta.com/blog/how-astry…

@ValentinHervieu Thanks for your feedback. Will let team know

@ValentinHervieu Would you mind share which specific components? We try to make they are mobile friendly. It would be great if you can raise issues in our GitHub. Thanks!

@Astryxdesign A lot of components demos don't work on mobile. Is it expected?