Animate everything.
動畫優先的 React + Tailwind 元件庫，源碼直接落地到你的專案。
Split Text · Scramble Text · Gradient Shine Text · Overprint Register · Velocity Marquee · AI Prompt Input · OTP Input · Magnetic Button · Theme Toggle · Hold to Confirm · Dock · Morphing Dialog · Toast Stack · Spotlight Card · Tilt Card · Bento Grid · Widget Board · Zoomable Density Grid · Sieve Filter Grid · Filter Composer Bar · Synced Outline Reader · Dot Leader Contents · Pull Quote Lift · Card Stack Scroll · Strata Headers · Animated Stats · Rolling Number · Rank Shuffle Board · Live Glance Strip · Image Compare · Skeleton Orchestra · Aurora Background ·
可安裝元件
整頁模板
免費元件
為什麼選 WebberUI
npx shadcn@latest add @webberui/split-textshadcn registry 發佈
一行指令，元件源碼直接落地到你的專案——沒有黑箱套件、沒有版本鎖定，每一行都是你的程式碼。
可及性內建
每個元件都尊重 prefers-reduced-motion，動畫是加分，不是門檻。
語意化調校點
動畫節奏以 --wb-* CSS 變數暴露，改 easing 不用讀原始碼。
中文優先
IME 安全的輸入元件（組字中 Enter 不誤送）、中文全文搜尋、繁體中文文件——為中文產品而生。
Pro 即將推出
104 套整頁模板、Pro 區塊與進階 AI 元件。留個信箱，上線時通知你並保留早鳥價。