介紹

WebberUI 是一套動畫優先的 React 元件庫，以 shadcn registry 模式發佈：元件源碼直接安裝進你的專案，完全可客製。

安裝方式

所有元件都透過 shadcn CLI 安裝：

npx shadcn@latest add https://webberui.com/r/split-text.json

或在 components.json 設定 namespace 之後：

{
  "registries": {
    "@webberui": "https://webberui.com/r/{name}.json"
  }
}

npx shadcn@latest add @webberui/split-text

技術棧

• Motion v12（motion/react）為主動畫引擎
• Tailwind CSS v4，所有動畫調校點以 --wb-* CSS 變數暴露
• 每個元件內建 prefers-reduced-motion 支援