AniBTUI
SHADCN REGISTRY · @anibt

AniBT UI贴纸手账，装进你的 shadcn 项目

AniBT 站点的界面语言做成组件库：模切白边贴纸、糖果光泽按钮、和纸胶带标记当前位置、缝线分隔的面板。白樱与夜樱两套颜色，token 落在 shadcn 的标准名字上，一条命令装进任何 shadcn 项目。

  • 操作 · 选中
  • 时间 · 进行中
  • 完成 · 做种
  • 危险 · 失败
npx shadcn@latest add @anibt/button
快速开始浏览组件GitHub
今晚更新
周六 · 2026 秋 · 你订阅的 3 部
NOW
23:30
药屋少女的呢喃 第三季
1080p简中
已更新
23:45
葬送的芙莉莲 第二季
2160p简中
搬运中
24:15
间谍过家家 第三季
1080p简中
延期

组件

同一只手画的：控件 28 / 32 · 圆角 6 / 10 / 14 · 图标 16

全部组件
按钮文档
小号
计数 · 提醒
1299+128
标签 · 贴纸文档
1080p简中内封字幕MKV完结失效
ANIME✦ 推荐周六 23:30
状态
已同步同步中同步失败
做种 12今晚更新
卡片 · 面板文档
字幕
简繁内封优先
简中繁中
画质
不低于 1080p
1080p2160p
分段 · 更多组件文档

输入与表单 14 个、展示 13 个、区块 2 个、浮层 13 个，全部用 AniBT 站内的同一套配方。 看全部组件

三步装进项目

任何已经 shadcn init 的 React 项目

完整说明

  1. 登记 @anibt 命名空间

    在 components.json 的 registries 里登记 @anibt，CLI 就知道去哪找组件。也可以让 CLI 替你写：

    npx shadcn@latest registry add @anibt=https://ui.anibt.net/r/{name}.json

  2. 装上主题

    白樱写进 :root、夜樱写进 .dark，再加上贴纸、胶带、缝线这些配方。

    npx shadcn@latest add @anibt/theme

  3. 按需添加组件

    代码落在你的项目里，随便改。组件会自动带上它依赖的主题。

    npx shadcn@latest add @anibt/button @anibt/badge @anibt/card