StyleX 生态下的 shadcn 组件与设计系统

是什么 这是一组围绕“StyleX 版 shadcn”的资源导航，关注可复制、可定制的 React 组件与设计系统。引用内容涵盖 shadcn 直接移植、Meta 方案、React Aria 路线，以及从零构建且仍在 WIP 的组件。

核心设计 shadcn-cssinjs 用 StyleX 替代 Tailwind，以 Base UI 提供原语，保留 shadcn CLI registry 与 copy-paste 模式，强调项目拥有代码、构建期 atomic CSS、类型安全、主题变量和可访问性。Hip UI 采用 StyleX+React Aria，补齐 tokens、布局、表单和应用级组件；Astryx 基于 React 19+ 与 StyleX，提供 170+ 组件、模板、主题及 Agent-ready 文档。

关键洞察 真正的选择标准不只是组件数量，还包括样式编译模型、行为原语、定制边界、长期维护和 Agent 能否借助 CLI、文档或 MCP 稳定产出界面。@stylextras 是 TypeScript/Bun 下的配套工具集合，不是组件库，包含 Tailwind 到 StyleX 的 Babel 转换、stylex.include 替代工具和 WIP 的 Bun macros。

边界与风险 材料主要是项目自述，不能证明 API 稳定性、无障碍完整度或生产性能；stylextras 仅 39 星且含 WIP 包。采用前应验证构建链、主题约束、升级策略与组件所有权成本。