Meta wydała Astryx, otwartoźródłowy system designu dla interfejsów React. Projekt rozwijał się wewnątrz monorepo firmy przez osiem lat i teraz dostępny jest publicznie w wersji Beta na licencji MIT. Astryx to biblioteka komponentów wraz z całym ekosystemem obejmującym fundamenty designu, komponenty, szablony i dziesięć motywów kolorystycznych.
System zawiera ponad 90 udokumentowanych komponentów React i około 150 na oficjalnej stronie dokumentacji. Komponenty wyposażone są w wbudowane spacing, dark mode i elastyczną stylizację. Kluczową rolę pełni StyleX - kompilator CSS opracowany przez Meta, który zamienia style na statyczne, atomowe CSS już w fazie budowania. StyleX napędza takie aplikacje jak Facebook, Instagram, WhatsApp i Threads, a korzystają z niego też zewnętrzne firmy takie jak Figma czy Snowflake.
Co wyróżnia Astryx? Kod napisany w TypeScripcie (około 75% projektu) jest w pełni otwarty - wszystkie primitiwy są eksportowane i kompozycyjne, a nie ukryte w czarnej skrzynce. Druga ważna cecha to automatyczne spacing oparte na kontekście. Astryx wprowadza również CLI i serwer MCP umożliwiające agentom AI scaffolding i dokumentowanie interfejsów użytkownika, co otwiera drzwi do automatyzacji tworzenia komponentów przez sztuczną inteligencję. Projekt jest już sprawdzony w produkcji wewnątrz Meta, choć jako projekt publiczny pozostaje jeszcze na wczesnym etapie.