# Yi UI blocks for shadcn/ui

> Chinese-first React components in a line-grid style: bar controls, motion graphics, charts, an AI chat panel and an app shell template. Built on Base UI.

Yi UI publishes 4 blocks for shadcn/ui, all of them free. In its own words: Chinese-first React components in a line-grid style: bar controls, motion graphics, charts, an AI chat panel and an app shell template. Built on Base UI. Its blocks cover login and sign-up, table, e-commerce and settings.

Free blocks install with the shadcn CLI under the @yiui namespace, so the code lands in your project.

- Page, with live previews: https://shadcn.exchange/r/yiui
- Its own site: https://yiui.dev/?utm_source=shadcn.exchange
- 4 blocks, all free. Last changed 2026-11-01.
- Categories: Login (1), Tables (1), E-commerce (1), Settings (1)
- Search its blocks as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&registry=yiui&q=<words>`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free blocks

All 4 blocks, in the order its page shows them. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [分屏登录页](https://shadcn.exchange/r/yiui/auth-01): 左侧品牌面板 + 右侧表单的分屏登录页：登录（密码 / 验证码）、注册（带强度条）、找回密码，zod 校验。. `npx shadcn@latest add https://shadcn.exchange/r/yiui/auth-01.json`
- [数据表格](https://shadcn.exchange/r/yiui/data-table-01): 支持筛选、选择、编辑与虚拟滚动的数据集表格。. `npx shadcn@latest add https://shadcn.exchange/r/yiui/data-table-01.json`
- [设置页](https://shadcn.exchange/r/yiui/settings-01): 用方条控件拼成的完整设置页：分区导航、实时预览、已修改计数、恢复默认与异步保存。. `npx shadcn@latest add https://shadcn.exchange/r/yiui/settings-01.json`
- [订单结算](https://shadcn.exchange/r/yiui/checkout-01): 地址、配送、发票与支付方式组成的订单结算区块。. `npx shadcn@latest add https://shadcn.exchange/r/yiui/checkout-01.json`