基于 Radix UI + Tailwind CSS
为现代 React 应用
打造的精美组件库
全面、无障碍、高度可定制。可组合的原语设计搭配强大的主题系统，让你专注于业务逻辑。
50+ 组件TypeScript深色模式
组件展示
真实场景，交互体验
不是孤立的 Demo，而是真实业务场景中的组件组合。
用户设置
深色模式
消息通知
字体大小
68%
通知中心
3
张
张三 提交了新的 Pull Request
2 分钟前PR
李
李四 评论了你的代码审查
15 分钟前评论
王
王五 完成了部署任务
1 小时前部署
项目统计
组件覆盖率92%
测试通过率87%
文档完善度64%
选项卡
当前面板：概览
控件 & 标签
React 19
稳定版
Beta
新功能
废弃
颜色主题
Primary
Success
Warning
Info
体系文档
不止组件 API
从设计系统、使用原则到真实场景，帮助团队在 Next.js 的 C 端业务和官网中建立稳定的 UI 体系。
核心优势
为什么选择 Skyroc UI？
为追求品质和开发体验的团队而生。
可组合
从简单原语构建复杂 UI，每个组件都经过精心设计，可以无缝协作。支持 Slot 模式和 asChild 渲染委托。
设置面板
Card + Tabs + Button
Card
Tabs
Button
主题系统
ConfigProvider 全局主题，支持尺寸、颜色、变体预设，一行代码切换风格。
无障碍
基于 Radix UI 原语，完整 WAI-ARIA 支持，开箱即用的键盘导航。
高性能
Tree-shaking 友好，零运行时开销。只打包你使用的组件，极致的包体积优化。