Animate everything.
Animation-first
React component library
Tailwind CSS v4, Motion v12 — source lands directly in your project.
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 ·
installable components
full-page templates
free components
Why WebberUI
npx shadcn@latest add https://webberui.com/r/split-text.jsonShipped as a shadcn registry
One command and the source lands in your project — no black-box package, no version lock. Every line is yours.
Accessibility built in
Every component respects prefers-reduced-motion. Animation is a bonus, never a barrier.
Semantic tuning points
Animation timing is exposed as --wb-* CSS variables. Change the easing without reading the source.
CJK-first
IME-safe inputs (Enter won't submit mid-composition), CJK full-text search, and documentation written for CJK products.
Pro content is free right now
Launch campaign: sign in and install all 211 Pro items. No payment, no credit card required.
See the campaign and how to get it