Animation-first React components,
with first-class CJK support.
WebberUI is a React + Tailwind CSS component library distributed as a shadcn registry. The source code lands directly in your project — there is no runtime dependency on us, and nothing breaks if this site goes away.
npx shadcn@latest add https://webberui.com/r/split-text.json274 of the 375 components need no account and no license key.
- 375
- components (274 free)
- 104
- full-page templates
- 754
- swappable page sections
- 100%
- of animated components respect prefers-reduced-motion
Distributed as a shadcn registry
One command copies the actual .tsx into your repo. No package to import, nothing to version-lock, and every line is yours to edit. Uninstalling is deleting a file.
Motion is the only animation dependency
No GSAP, no license to buy on top. Animation timing is exposed as --wb-* CSS variables, so you can retune easing without reading the implementation.
CJK is not an afterthought
IME-safe inputs (Enter during composition does not submit), vertical writing mode, ruby annotation for Bopomofo and Pinyin, plus Taiwan-specific pieces: unified business number validation, e-invoice carrier input, lunar calendar.
Source-available, commercial use included
Use and modify in your own products and in unlimited client work. What you cannot do is redistribute the source itself or repackage it as a competing component library.
A note on language
The written documentation is in Traditional Chinese. Everything a reader of English actually consumes — component names, prop names, TypeScript types and the source code itself — is in English, and the live preview on every component page is language-independent. These three pages exist so that the project is legible without machine translation; they are not a partial translation of the docs.