跳至正文

OPEN SOURCE · MIT

Yi UI.

为中文界面打磨的 React 组件库,线条网格风格。用 shadcn CLI 把源码装进项目,从方条控件、图形动效到 AI 助手区块,默认文案和排版都按中文来,装完就是你自己的代码。由 Travins 个人维护,持续更新。

方条控件、图形与动效、数据图表、AI 助手区块、页面模板
调一调
视角
材质横纹斜纹网纹点阵
地面方格条纹格点无
色调

我在做什么

全栈开发

从前端界面到后端服务,构建完整、可靠的产品体验。

AI 应用与 Agent

连接模型、工具与业务流程,让 AI 进入真实的工作场景。

大模型部署

关注推理服务与部署优化,把模型能力变成可用的基础设施。

精选组件

全部组件
  • 裁剪 · 拉直

    地平线倾斜

    拉直

    拖动刻度尺,或双击回到 0°

  • Edge network

    128个在线节点

    遍布 6 个大洲,就近接入,平均延迟 38 ms。

    可用性
    99.99%
    峰值带宽
    2.4 Tbps
  • 光源
  • ACCESS VERIFIED / 200

    安全访问

    端到端加密 · 零信任

区块与模板

全部区块
  • Settings Page设置页

    BLOCK
  • Split Sign-in分屏登录页

    BLOCK
  • AI Assistant PanelAI 助手面板

    BLOCK
  • Console Shell企业控制台布局

    TEMPLATE

一行命令安装

本站的组件库 Yi UI 以 shadcn registry 发布。一行命令把源码装进你的项目,装完就是你自己的代码,可以直接改。

终端 · 完整 URL
pnpm dlx shadcn@latest add https://yiui.dev/r/value-slider.json
components.json · 命名空间
{
  "registries": {
    "@yiui": "https://yiui.dev/r/{name}.json"
  }
}
终端 · 配置后的短写法
pnpm dlx shadcn@latest add @yiui/value-slider
查看安装文档
types.ts
TS
utils.ts
TS
value-slider.tsx
TSX
sound.ts
TS
use-elastic-pull.ts
TS
components/ui/value-slider/