Pinned Tweet
🚀 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
19
125
1,071
319,232
An evening on building for people and agents • Nov 12 at Meta SF, free with registration. astryxmeetup.splashthat.com
0
2
6
516
Introducing Astryx RichText: a rich text field for your forms.
@astryxdesign/richtext is now stable — rich text fields built on Lexical, styled by your Astryx theme, with lossless Markdown round-trip.
astryx.atmeta.com/blog/introduci…
#Astryx #OpenSource
@astryxdesign/richtext is now stable — rich text fields built on Lexical, styled by your Astryx theme, with lossless Markdown round-trip.
astryx.atmeta.com/blog/introduci…
#Astryx #OpenSource
1
2
26
1,594
Introducing Astryx RichText: a rich text field for your forms.
@astryxdesign/richtext is now stable — rich text fields built on Lexical, styled by your Astryx theme, with lossless Markdown round-trip.
astryx.atmeta.com/blog/introduci…
#Astryx #OpenSource
@astryxdesign/richtext is now stable — rich text fields built on Lexical, styled by your Astryx theme, with lossless Markdown round-trip.
astryx.atmeta.com/blog/introduci…
#Astryx #OpenSource
2
2
22
1,168
Astryx was highlighted in Cloudflare’s “Deploy with Void” Blog.
Excited to see Astryx show up in the emerging AI-native development workflow: React, StyleX, accessible components, and agent-friendly design-system APIs working together to help teams ship faster.
Thanks for the mention, Cloudflare.
blog.cloudflare.com/deploy-with-vo…
Excited to see Astryx show up in the emerging AI-native development workflow: React, StyleX, accessible components, and agent-friendly design-system APIs working together to help teams ship faster.
Thanks for the mention, Cloudflare.
blog.cloudflare.com/deploy-with-vo…
0
1
7
927
Astryx v0.7.0 is out: better mobile experiences, clearer inputs, stronger foundations. Easier forms, swipe actions, composable Markdown, better tables + guided migrations. astryx.atmeta.com/blog/astryx-v0… #Astryx
0
1
30
2,051
🚀Astryx v0.6.0 is here: themes that respond, components that adapt.
Responsive theme rules, adaptive Selector/MultiSelector surfaces, a refreshed Neutral palette, six new templates, and specification-backed work toward v1.
astryx.atmeta.com/blog/astryx-v0…
Responsive theme rules, adaptive Selector/MultiSelector surfaces, a refreshed Neutral palette, six new templates, and specification-backed work toward v1.
astryx.atmeta.com/blog/astryx-v0…
0
1
27
1,516
Astryx 0.5.0 is out. 🚀 astryx.atmeta.com/blog/astryx-v0…
Run `npx astryx upgrade --apply`: the Banner collapsible API breaking change is codemodded.
New: Stepper lands in Core, overlays share one dismissal stack, AspectRatio gets responsive overrides, DateTimeInput gets time presets, TabList adds overflow + ARIA tabs, and PowerSearch/a11y fixes land across the system.
github.com/facebook/astry…
Run `npx astryx upgrade --apply`: the Banner collapsible API breaking change is codemodded.
New: Stepper lands in Core, overlays share one dismissal stack, AspectRatio gets responsive overrides, DateTimeInput gets time presets, TabList adds overflow + ARIA tabs, and PowerSearch/a11y fixes land across the system.
github.com/facebook/astry…
1
1
26
2,361
Astryx 0.4.1 is out.
No breaking changes. Safe to upgrade:
npx astryx upgrade --apply
Highlights: themeable focus rings, 10 RSC-safe components, cleaner Selector search, broader popup theming, and fixes across forms, menus, and i18n.
Full notes:
github.com/facebook/astry…
No breaking changes. Safe to upgrade:
npx astryx upgrade --apply
Highlights: themeable focus rings, 10 RSC-safe components, cleaner Selector search, broader popup theming, and fixes across forms, menus, and i18n.
Full notes:
github.com/facebook/astry…
0
2
20
2,083
Astryx 0.4.0 is out. 🚀
Run `npx astryx upgrade --apply`: 3 breaking changes are codemodded.
Breaking changes:
- DropdownMenu data-mode option types now use a `Data` suffix
- `useTableRowExpansion` is now for detail panels; tree tables use `useTableTreeData` + `useTableTreeState`
- `dropdown-menu-radio-dot` theme target moved to `radio-indicator-dot`
Plus: deeper theming, componentized indicators, NumberInput upgrades, read-only inputs, locale week starts, destructive actions, and a big a11y/i18n/focus fix pass.
github.com/facebook/astry…
Run `npx astryx upgrade --apply`: 3 breaking changes are codemodded.
Breaking changes:
- DropdownMenu data-mode option types now use a `Data` suffix
- `useTableRowExpansion` is now for detail panels; tree tables use `useTableTreeData` + `useTableTreeState`
- `dropdown-menu-radio-dot` theme target moved to `radio-indicator-dot`
Plus: deeper theming, componentized indicators, NumberInput upgrades, read-only inputs, locale week starts, destructive actions, and a big a11y/i18n/focus fix pass.
github.com/facebook/astry…
1
1
42
2,783
✨New on the Astryx blog: Internationalizing Astryx.
How we made i18n a first-class part of the design system: locale direction, end-to-end RTL mirroring, translator hooks, and guardrails so components stay ready for global products.
astryx.atmeta.com/blog/internati…
How we made i18n a first-class part of the design system: locale direction, end-to-end RTL mirroring, translator hooks, and guardrails so components stay ready for global products.
astryx.atmeta.com/blog/internati…
2
1
21
2,263
New on the Astryx blog: Who needs a Figma Library?
We shipped the Astryx Figma Library as an experiment: can Figma still serve as a fast sketchpad, and can a Night Watch keep the library in sync with code on every dot release?
Built and self-maintained by the Figma Librarian.
figma.com/community/file…
Learn more: astryx.atmeta.com/blog/who-needs…
We shipped the Astryx Figma Library as an experiment: can Figma still serve as a fast sketchpad, and can a Night Watch keep the library in sync with code on every dot release?
Built and self-maintained by the Figma Librarian.
figma.com/community/file…
Learn more: astryx.atmeta.com/blog/who-needs…
2
2
21
1,881
Astryx v0.3.0 is out.
Big one: new ComplexSelector shell, Carousel loop + imperative API, editable Pagination, ProgressBar marks, richer theme slots, optional `color.accent`, wider RTL, SSR-friendly theme/icon resolution, and more a11y fixes.
Breaking changes are codemodded:
`npx astryx upgrade --apply`
github.com/facebook/astry…
Big one: new ComplexSelector shell, Carousel loop + imperative API, editable Pagination, ProgressBar marks, richer theme slots, optional `color.accent`, wider RTL, SSR-friendly theme/icon resolution, and more a11y fixes.
Breaking changes are codemodded:
`npx astryx upgrade --apply`
github.com/facebook/astry…
0
5
48
5,559
Astryx v0.2.0 is out: our first minor release, with end-to-end RTL support.
New `useDirection()`, `getLocaleDirection(locale)`, provider-level `dir`, mirrored components, richer Avatar/DropdownMenu/input APIs, more theme targets, and a big a11y pass.
One breaking change: TabList `orientation` was removed, and `npx astryx upgrade --apply` handles it.
github.com/facebook/astry…
New `useDirection()`, `getLocaleDirection(locale)`, provider-level `dir`, mirrored components, richer Avatar/DropdownMenu/input APIs, more theme targets, and a big a11y pass.
One breaking change: TabList `orientation` was removed, and `npx astryx upgrade --apply` handles it.
github.com/facebook/astry…
2
2
17
1,366
✨New on the Astryx blog: Vibe Tests.
How we use naive prompts, isolated agents, neutral rubrics, and nightly scorecards to compare Astryx against Tailwind, shadcn, and raw HTML, then turn recurring failures into PRs.
astryx.atmeta.com/blog/vibe-tests
How we use naive prompts, isolated agents, neutral rubrics, and nightly scorecards to compare Astryx against Tailwind, shadcn, and raw HTML, then turn recurring failures into PRs.
astryx.atmeta.com/blog/vibe-tests
0
4
32
5,560
Astryx v0.1.8 is live on npm.
Upgrade with `npx astryx upgrade --apply`.
New: selectable DropdownMenu items, Table tree data, disabled Collapsible items, Icon `label`, Outline navigation APIs, and foolproof `init`.
Breaking Avatar size-scale change is handled by the codemod.
github.com/facebook/astry…
Upgrade with `npx astryx upgrade --apply`.
New: selectable DropdownMenu items, Table tree data, disabled Collapsible items, Icon `label`, Outline navigation APIs, and foolproof `init`.
Breaking Avatar size-scale change is handled by the codemod.
github.com/facebook/astry…
1
1
25
1,737
🎂 One month since Astryx went open source:
10.3K GitHub stars
758 forks
224K visitors
1.79M page views
87 people opened PRs
61 authors pushed 815 commits
Thank you to everyone building, filing issues, sharing feedback, and helping push Astryx forward.
If you’ve built something with Astryx, or are building with it now, we’d love to see it. Send us a link or screenshot to astryxdesign@meta.com.
Learn more: astryx.atmeta.com/blog/one-month…
10.3K GitHub stars
758 forks
224K visitors
1.79M page views
87 people opened PRs
61 authors pushed 815 commits
Thank you to everyone building, filing issues, sharing feedback, and helping push Astryx forward.
If you’ve built something with Astryx, or are building with it now, we’d love to see it. Send us a link or screenshot to astryxdesign@meta.com.
Learn more: astryx.atmeta.com/blog/one-month…
2
3
25
2,121



