WebberUI

Introduction

WebberUI — an animation-first React + Tailwind component library

WebberUI is an animation-first React component library distributed as a shadcn registry: the source code is installed straight into your project and stays fully customizable.

Installation

Every component installs through the shadcn CLI:

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

Or, once you have configured the namespace in components.json:

{
  "registries": {
    "@webberui": "https://webberui.com/r/{name}.json"
  }
}
npx shadcn@latest add @webberui/split-text

Stack

  • Motion v12 (motion/react) as the animation engine
  • Tailwind CSS v4, with every animation tuning point exposed as a --wb-* CSS variable
  • Every component supports prefers-reduced-motion out of the box

Installing Pro components

The three ways to install Pro components and templates — free while you are signed in during the launch campaign, license key configuration, and short-lived install links.

On this page

InstallationStack