Astryx:Meta开源React设计系统

8
分类开源项目
作者Meta
来源跳转
发表时间

内容

Astryx是Meta开源的React设计系统,源自内部八年实践,支撑13,000+应用。提供150+无障碍组件、主题定制、暗模式、模板及CLI工具,支持无构建插件接入,兼容Tailwind等任意CSS方案,并为AI助手与人设计统一开发体验。

  • 项目背景与定位: Astryx在Meta内部发展八年,成为公司最大设计系统,现以Beta版开源,基于React和StyleX构建,强调"为人与协同工作的智能体而设计"。
  • 核心特性: 组件可任意层级组合(非封闭顶层API),支持swizzle导出完整源码;StyleX样式对消费者透明,可通过className用Tailwind、CSS模块等覆盖;主题基于CSS自定义属性,无需fork或包装组件。
  • 安装与使用: 通过npm/pnpm/yarn安装@astryxdesign/core、主题包及CLI,仅需CSS导入加主题提供者,无构建插件需求;建议配置npm脚本避免路径错误。
  • 包结构: 核心包包括core(组件与主题系统)、cli(文档/模板/代码转换)、build(StyleX构建插件)、theme-*(七种预设主题);lab和vega包尚未发布。
  • 设计原则: 能力导向而非强制约束;统一命名/属性/组合规范并充分文档化;人机共用同一套API与工具;所有约定经测试验证并保持迭代。

评论

(0)
未配置登录方式
暂无评论