facebook/astryx

项目概览

facebook/astryx 已提供通过 CSS 自定义属性实现的品牌主题与深色模式，并允许用现有 Tailwind、CSS Modules 或普通 CSS 通过 className 覆盖样式。

项目类型

AI 编程

应用场景

编程开发

部署方式

查看项目说明

License

MIT

适合谁

• 需要以 React 构建应用界面、重视无障碍组件覆盖与一致设计语言的开发团队。
• 希望采用设计系统但必须保留 Tailwind、CSS Modules 或普通 CSS 等既有样式方式的团队。
• 需要品牌主题、深色模式，并可能接管特定组件源码进行深度定制的团队。

核心能力

• 提供 150 多个面向应用界面开发的无障碍组件，作为构建一致交互界面的基础。
• 通过 CSS 自定义属性覆盖实现主题，支持品牌级视觉配置和深色模式。
• 设计系统包含可直接交付的模板，可作为应用界面搭建的起点。
• 提供作为整体设计系统工具链一部分的命令行工具。
• 消费者可导入预构建 CSS 并使用类型化 React 组件，无需采用构建插件或特定样式库。
• 可通过 swizzle 将某个组件的完整源码导入项目，以获得更深层的定制和维护控制权。

限制与风险

• 项目当前处于 beta 阶段；在大规模生产采用前，应验证所需组件、主题机制和升级影响是否符合团队风险要求。
• 导出完整组件源码可获得更深控制权，但组件实现会进入消费方项目，团队应评估后续维护边界。

如何开始

• 文档化的首条成功路径为使用 npm 安装 @astryxdesign/core 和 @astryxdesign/theme-neutr，准备核心能力与主题。

核验依据

• GitHub 项目简介: An open source design system that's fully customizable and agent ready
• README: **Currently in Beta** · Built on [React](https://react.dev) and [StyleX](https://stylexjs.com)
• README: It ships 150+ accessible components, brand-level theming, dark mode, ready-to-ship templates, and a CLI as one cohesive system.
• README: You import pre-built CSS and use typed React components — no build plugin, no styling library to adopt — and both people and AI assistants build with the same tooling.
• README: - **Open internals.** Components are built to be composed at any level, not locked behind a closed top-level API. The building blocks you'd reach for are exported directly, and wh…

内容核验时间：