“astryx”
Astryx Component Architecture: 150+ Components Across 13 Categories
Explore all 150+ Astryx components organized into 13 categories — navigation, layout, buttons, inputs, selectors, data display, overlays, feedback, and more with code examples.
Astryx Design System Complete Guide: From Setup to Production
A comprehensive guide to Meta's Astryx design system — covering setup, design tokens, 150+ components, theming, styling, migration, internationalization, and real-world application patterns.
Building Real-World Applications with Astryx: 6 Workshop Patterns
Six production-ready application patterns built with Astryx — Chat UI, Kanban Board, Analytics Dashboard, Settings Page, Checkout Form, and Authentication Flow.
Getting Started with Astryx Design System: Setup, CLI, and AI Integration
Learn how to install, configure, and start building with Meta's Astryx design system — covering CLI tooling, CSS setup, three golden rules, and AI agent integration.
Mastering Design Tokens in Astryx: Color, Typography, Spacing, and More
A deep dive into Astryx's 10-category semantic token system — covering color, typography, spacing, shape, elevation, motion, icons, and illustrations.
Migrating to Astryx and Going Global: Migration Strategy, i18n, and Browser Support
Learn how to incrementally migrate from shadcn/Radix/Tailwind to Astryx, internationalize your app with built-in i18n, and understand browser support tiers.
Styling Your Astryx Application: StyleX, Tailwind, Plain CSS, and Library Interop
Learn the three styling approaches for Astryx — StyleX, Tailwind CSS, and plain CSS — plus integration with MUI, Emotion, Panda CSS, UnoCSS, and more.
Theming and Layout in Astryx: Theme System, Frame-First Approach, and Templates
Master Astryx theming with 7 built-in themes, custom theme creation via defineTheme(), frame-first layout patterns, and page/block templates.