Mindket

astryx

新上架第 1 版 · 更新于
星标26.6k

概览

给 React 团队提供一套设计系统,含 150 多个无障碍组件、主题、深色模式、模板和一个 CLI,人和 AI 助手都能用。处于 Beta 阶段,基于 React 19 或更新版本和 StyleX。

astryx 是一款 GitHub 上的开源项目,属于开发类,由 Mindket 上架。可免费获取。当前为第 1 版,最近更新于 。按它的 README 从 GitHub 安装。Mindket 的设置说明可在你的 Mindket 账户获取,以 zip 压缩包下载。

速览

用在
  • React 19 或更新版本的项目
  • 你自己的代码库,在里面导入有类型的组件和预构建的 CSS
  • 需要品牌主题和深色模式的应用
  • 使用同一套工具的 AI 编程助手
先运行
git clone https://github.com/meta/astryx.git
cd astryx

关于

它是什么

Astryx 是一套面向 React 的开源设计系统,处于 Beta 阶段,基于 StyleX 构建。它在 Meta 内部成长了八年,项目称它成为公司里最大、使用最多的设计系统,支撑着超过 13,000 个应用。它是为人和 AI 助手一起使用而做的。

适合谁

Astryx 适合用统一外观构建 React 应用的前端开发者和设计团队,也适合由 AI 助手来写界面代码的团队。

行业谁在用怎么用例子
网页和软件产品前端开发者用有类型的 React 组件搭建界面用现成的组件拼出一个设置页面
设计团队设计师和品牌负责人通过主题和深色模式套用品牌让一个应用在浅色和深色外观之间切换
产品团队产品团队从可直接上线的模板开始用一个模板开始做新的界面
AI 辅助开发和 AI 助手一起工作的开发者让人和助手使用同一套工具助手和开发者在同一个代码库里使用相同的组件

不使用 React 的团队可以跳过它。

用在哪里

Astryx 适合基于 React 构建的项目,也适合人和 AI 助手一起写界面代码的场合。

  • React 19 或更新版本的项目
  • 你自己的代码库,在里面导入有类型的组件和预构建的 CSS
  • 需要品牌主题和深色模式的应用
  • 使用同一套工具的 AI 编程助手
用例适合谁得到什么
构建界面开发者150 多个无障碍、有类型的 React 组件
品牌化设计师品牌级主题和深色模式
定制组件有经验的开发者通过 swizzle 把一个组件的完整源码放进自己的项目

如何设置

你只需要一个 React 项目,因为不需要构建插件,也不需要样式库。

  1. 从一个使用 React 19 或更新版本的项目开始。
  2. 用 git 从 GitHub 页面复制代码,或按项目的 README 添加 Astryx。
  3. 导入预构建的 CSS。
  4. 在你的界面里使用有类型的 React 组件。

在终端里运行:

# 把项目复制到你的电脑
git clone https://github.com/meta/astryx.git
# 进入项目文件夹
cd astryx

如何使用

你导入组件,用它们搭建界面。需要更多控制时,你用 swizzle,组件的完整源码就会放进你的项目,由你自己掌管。这个系统带有下面这些部分:

ToolWhat it does
组件150 多个无障碍的 React 组件
主题品牌级主题和深色模式
模板可直接上线的起点
CLI随系统附带的命令行工具
swizzle把一个组件的完整源码移进你的项目

示例

一个开发者需要一个和默认组件行为不同的组件。他们用 swizzle,组件的完整源码就放进了他们的项目,可以随意编辑。

新手与专家

设计系统是一套共用的现成界面部件,比如按钮和菜单,让应用的每个页面看起来和用起来都一致。可以先试一件小事:在一个 React 19 项目里放一个组件。

CSS 是预先构建好的,组件是有类型的 React 组件,所以你不用加构建插件,也不用加样式库。样式用 StyleX 编写,对你来说是隐藏的。内部是开放的:基础构件都已导出,你可以在任何层级上组合,API 不够用时 swizzle 能带你更深入。它处于 Beta 阶段,所以细节可能还会变。

  1. 你导入预构建的 CSS
  2. 你使用有类型的 React 组件
  3. 主题设定你的品牌和深色模式
  4. Swizzle 把组件的源码交给你

注意事项

这个工具包只有项目的笔记和代码的指引,所以它本身不会运行任何东西。

  • 许可证:MIT
  • 运行成本:没有提到
  • 它会接触的数据:没有提到
  • 不适合:需要已定型的正式版本的人,因为它处于 Beta 阶段

README 和文件

README

astryx

给 React 团队提供一套设计系统,含 150 多个无障碍组件、主题、深色模式、模板和一个 CLI,人和 AI 助手都能用。处于 Beta 阶段,基于 React 19 或更新版本和 StyleX。

由 meta 在 GitHub 上制作。这些说明是 Mindket 根据其 README 写的,项目自己的文件和许可证在它的仓库里。

简介

它是什么:Astryx 是一套面向 React 的开源设计系统,处于 Beta 阶段,基于 StyleX 构建。它在 Meta 内部成长了八年,项目称它成为公司里最大、使用最多的设计系统,支撑着超过 13,000 个应用。它是为人和 AI 助手一起使用而做的。

适合谁:Astryx 适合用统一外观构建 React 应用的前端开发者和设计团队,也适合由 AI 助手来写界面代码的团队。

行业 | 谁在用 | 怎么用 | 例子
网页和软件产品 | 前端开发者 | 用有类型的 React 组件搭建界面 | 用现成的组件拼出一个设置页面
设计团队 | 设计师和品牌负责人 | 通过主题和深色模式套用品牌 | 让一个应用在浅色和深色外观之间切换
产品团队 | 产品团队 | 从可直接上线的模板开始 | 用一个模板开始做新的界面
AI 辅助开发 | 和 AI 助手一起工作的开发者 | 让人和助手使用同一套工具 | 助手和开发者在同一个代码库里使用相同的组件

不使用 React 的团队可以跳过它。

用在哪里:Astryx 适合基于 React 构建的项目,也适合人和 AI 助手一起写界面代码的场合。

  • React 19 或更新版本的项目
  • 你自己的代码库,在里面导入有类型的组件和预构建的 CSS
  • 需要品牌主题和深色模式的应用
  • 使用同一套工具的 AI 编程助手
用例 | 适合谁 | 得到什么
构建界面 | 开发者 | 150 多个无障碍、有类型的 React 组件
品牌化 | 设计师 | 品牌级主题和深色模式
定制组件 | 有经验的开发者 | 通过 swizzle 把一个组件的完整源码放进自己的项目

如何设置:你只需要一个 React 项目,因为不需要构建插件,也不需要样式库。

  1. 从一个使用 React 19 或更新版本的项目开始。
  2. 用 git 从 GitHub 页面复制代码,或按项目的 README 添加 Astryx。
  3. 导入预构建的 CSS。
  4. 在你的界面里使用有类型的 React 组件。

如何使用:你导入组件,用它们搭建界面。需要更多控制时,你用 swizzle,组件的完整源码就会放进你的项目,由你自己掌管。这个系统带有下面这些部分:

Tool | What it does
组件 | 150 多个无障碍的 React 组件
主题 | 品牌级主题和深色模式
模板 | 可直接上线的起点
CLI | 随系统附带的命令行工具
swizzle | 把一个组件的完整源码移进你的项目

示例:一个开发者需要一个和默认组件行为不同的组件。他们用 swizzle,组件的完整源码就放进了他们的项目,可以随意编辑。

新手与专家:设计系统是一套共用的现成界面部件,比如按钮和菜单,让应用的每个页面看起来和用起来都一致。可以先试一件小事:在一个 React 19 项目里放一个组件。

CSS 是预先构建好的,组件是有类型的 React 组件,所以你不用加构建插件,也不用加样式库。样式用 StyleX 编写,对你来说是隐藏的。内部是开放的:基础构件都已导出,你可以在任何层级上组合,API 不够用时 swizzle 能带你更深入。它处于 Beta 阶段,所以细节可能还会变。

你导入预构建的 CSS
你使用有类型的 React 组件
主题设定你的品牌和深色模式
Swizzle 把组件的源码交给你

注意事项:这个工具包只有项目的笔记和代码的指引,所以它本身不会运行任何东西。

  • 许可证:MIT
  • 运行成本:没有提到
  • 它会接触的数据:没有提到
  • 不适合:需要已定型的正式版本的人,因为它处于 Beta 阶段

GitHub 上的数据(2026年11月8日)

  • 星标:14,579(当天 96)
  • 复刻:1,192
  • 关注:80
  • 未关闭的议题和拉取请求:727
  • 语言:TypeScript
  • 许可证:MIT
  • 趋势:GitHub 趋势榜当日第 6 名(2026年11月8日)

链接

  • 代码:https://github.com/meta/astryx
  • 发布版本:https://github.com/meta/astryx/releases
  • 议题:https://github.com/meta/astryx/issues
  • 星标历史:https://www.star-history.com/#meta/astryx&Date

获取代码

git clone https://github.com/meta/astryx.git

然后按它的 README 完成设置。这个工具包里没有会自己运行的东西。

文件
README.md  5 KB

1 个文件,共 5 KB,以 zip 压缩包下载。

更新内容

  • 第 1 版 · 2026-11-08

评价

还没有评分

写评价

还没有评价。

大家怎么说

Hacker News、Bluesky、X、Reddit、Facebook 和 YouTube 上提到这个项目的帖子和评论,来自每周一次的搜索和 Trendshift。它们不是 Mindket 写的,也未经核实,点开即可在原帖处阅读。

pierreneterAstryx: An open source design system that's customizable and agent ready3 分 · 1 条回复John AthaydeMeta open-sourced Astryx, the design system it says runs 13,000+ of its apps, rebuilt so coding agents can read it. Good. It's React, so most Rails folks won't install it. The idea travels anyway. Your ViewComponents are agent docs now. Somebody still checks what it shipped.3 赞 · 1 条回复Fe2O3An open source design system that's customizable and agent ready1 分 · 1 条回复GitHub Trending JS/TS💎 Hidden Gem! 💎 (1000+ new stars) 📦 meta / astryx ⭐ 21,746 (+3,111) 🗒 TypeScript An open source design system that's fully customizable and agent ready2 赞 · 1 条回复agilekAstryx – open-source, agent ready design system from Meta1 分midudev · Miguel Ángel Durán¡Meta tiene un catálogo de componentes de código abierto! ✓ Componentes para React 19 ✓ Optimizado para agentes de IA ✓ 7 temas disponibles y 100% personalizable Está bastante bonito y lo usan ya en producción: → github.com/meta/astryx3 赞vjeuxShadcn/UI now defaults to Base UI instead of RadixCurious if anyone tried Astryx that was open sourced by Meta last week to see how it compares.GitHub Trending💎 Hidden Gem! 💎 (1000+ new stars) 📦 meta / astryx ⭐ 24,170 (+2,842) 🗒 TypeScript An open source design system that's fully customizable and agent ready1 条回复GitTrending_BlueSky🔥 Astryx: A Customizable Design System for Modern Development 📦 meta/astryx Astryx, developed by Meta, is an open-source design system that promises full customiza... #github #opensource #TypeScript 👉 https://www.gittrending.com/article/astryx-a-customizable-design-system-for-modern-development1 赞PixoptimoMeta Astryx Review: 150+ React Components, Themes & CLI - #Pixoptimo readmore shorturl.at/Gz2e5 #Meta #Astryx #UIComponents #UIUX #UIDesign #Themes #CLIデイリーGitHubトレンド今日のGitHubトレンド meta/astryxTech TrendingGitHub - meta/astryx: An open source design system that's fully customizable and agent ready https://github.com/meta/astryx

搜索日期

Mindket 的更多商品

查看 Mindket 的全部商品

DeepSeek-R1-GGUF

unsloth · 工具包

671B 参数 DeepSeek-R1 推理模型的 GGUF 版本,带 1.58-bit 和 2-bit 动态量化,可在内存足够的本机上用 llama.cpp 运行。

新上架

Axion-1.0-35B-GGUF

prithivMLmods · 工具包

提供 Axion-1.0-35B 的 GGUF 文件,这是一个有约 30 亿激活参数的 35B 混合专家模型,面向科学推理、信息查找和工具使用。适合配合 llama.cpp 在本地使用。

新上架

HEART

Phips · 工具包

用一个超分辨率网络放大低分辨率图像,可以在一块消费级 GPU 上训练,并导出为 ONNX。适合训练或运行图像放大模型的人。

新上架

开发类的相似商品

查看开发类的全部商品

Bonsai-27B-GGUF

lmstudio-community · 工具包

面向 LM Studio 的 27B Bonsai 模型 GGUF 转换版,含 3.80 GB 的 Q1_0 语言文件和 0.93 GB 的 BF16 视觉投影器。已测试文本、视觉和并行工具调用。

新上架

以每权重 2.9 位的 EXL3 量化运行 DeepSeek-V4.1-Flash-1017,这是一份 196 GiB 的副本,适合在自己硬件上部署大模型的人。困惑度与原模型相差不大。

新上架

MusicGen Small

facebook · 工具包

根据文字描述或音频提示生成短音乐片段,是 facebook MusicGen 的 small 检查点。适合想在自己电脑上试用文字生成音乐的开发者和音乐爱好者。

新上架