O Astryx, design system open source da Meta, voltou ao topo das tendências do GitHub. O projeto, criado para construir interfaces em React, ganhou fôlego com o lançamento da versão 0.7.11, em 7 de novembro de 2026, e passou de 18 mil estrelas no GitHub — eram cerca de 15 mil no dia 8 de novembro, segundo levantamentos da comunidade.
Segundo o próprio repositório do projeto, o Astryx cresceu dentro da Meta ao longo de oito anos, onde se tornou o maior design system da empresa, presente em mais de 13 mil aplicativos internos. O código é aberto sob licença MIT e está publicado em github.com/meta/astryx.
Feito para pessoas e para agentes de IA
O diferencial do Astryx é a proposta de ser "agent ready": a API, a documentação e a CLI foram desenhadas juntas para que uma pessoa e um assistente de IA construam da mesma forma, a partir da mesma referência. O sistema inclui uma CLI com documentação de componentes, templates, scaffolding, temas e codemods — incluindo um comando que exporta um manifesto JSON legível por máquina — e um servidor MCP, o protocolo aberto de contexto para modelos, que acompanha a CLI. A aposta da Meta em agentes de codificação não é isolada: a empresa também adquiriu a startup Conductor, especializada em orquestração de agentes de IA de codificação.
Na prática, o Astryx entrega mais de 150 componentes acessíveis, temas no nível da marca, modo escuro, templates prontos e uma CLI em um único sistema coeso. Ele usa como base React 19 ou superior e StyleX, o mecanismo de CSS da Meta, com suporte completo a TypeScript. São sete temas prontos: neutral, butter, chocolate, matcha, stone, gothic e y2k.
Como começar
Para instalar, o projeto exige React 19 ou superior como dependência. Os comandos oficiais são:
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex
npm install -D @astryxdesign/cliTambém é possível instalar a CLI globalmente, com npm i -g @astryxdesign/cli, para que o comando astryx funcione em qualquer pasta. A documentação completa está em astryx.atmeta.com.
Em beta, com ressalvas
O projeto se descreve como em beta, e nem tudo está estável: os pacotes de gráficos @astryxdesign/vega e @astryxdesign/charts chegam apenas sob a tag @canary no npm, sem lançamento estável, e o pacote experimental @astryxdesign/lab não chega ao npm. Quem for adotar o Astryx agora deve esperar mudanças na API.
Ainda assim, a disparada no GitHub mostra que a proposta — um design system pensado desde o início para o trabalho conjunto entre desenvolvedores e agentes de IA — encontrou público. Para a Meta, o Astryx é também uma vitrine de como seus times constroem interfaces em escala; para desenvolvedores, é uma base pronta, gratuita e sob licença permissiva.
Imagem de destaque: banner oficial do Astryx, divulgado no repositório público do projeto no GitHub (meta/astryx).
Fontes
- Repositório oficial meta/astryx no GitHub
- Documentação oficial do Astryx
- DigiSoulHub — meta/astryx: Meta's open source design system
- Zolna — Meta open-sources Astryx, a design system built for people and AI agents
- AsiaTokenFund — Meta's Open-Source Astryx Surges on GitHub with 15,080 Stars
Transparência: esta matéria foi produzida com auxílio de inteligência artificial, com apuração e cruzamento de fontes públicas da internet, e revisada antes da publicação. Os números de estrelas no GitHub variam ao longo do tempo; consulte as fontes originais listadas acima para confirmar os detalhes.
Por Muse