以原始碼安裝
一行 WebberUI 指令把 .tsx 寫進你的專案。不需要安裝 WebberUI 套件,也沒有版本鎖定,升不升級由你決定。
npx webberui@latest add split-text
- components/ui/split-text.tsx已寫入
- lib/utils.ts已寫入
- package.json + motion已寫入
split-text.tsx1100ms · --wb-ease-out右側每一項都可以直接操作。
一行 WebberUI 指令把 .tsx 寫進你的專案。不需要安裝 WebberUI 套件,也沒有版本鎖定,升不升級由你決定。
npx webberui@latest add split-text
系統開啟「減少動態效果」時,元件會略過位移與縮放,直接呈現最終狀態。
關閉:完整播放動畫
時長與 easing 以 --wb-* 變數提供,可在全域或單一元件覆寫,不必修改原始碼。
--wb-duration-normal: 400ms;輸入類元件會判斷組字狀態,用注音或拼音選字時按 Enter 不會送出表單。文件與站內搜尋皆支援繁體中文。
未組字:Enter 才會送出
104 套整頁模板、134 個 Pro 元件與 6 套產業 UI Starter Kits,完整原始碼直接安裝到你的專案。