beUI v2

Animated components for React and Next.js. Copy the source, own the code.

· ·

What is beUI?

beUI is a small component library for product interfaces.

Each component includes a live preview, usage example, source code, and a shadcn install command. The components are meant to live in your app, not behind a package.

Need complete blocks and landing pages?

includes premium animated sections and full Next.js templates with editable source and private registry access.

Install a component

Open any component page and copy the install command. beUI is in the shadcn registry directory under the @beui namespace.

bash
npx shadcn@latest add @beui/animated-toast-stack

Direct URLs also work:

bash
npx shadcn@latest add https://beui.dev/r/animated-toast-stack.json

You can also copy the source directly from the component page.

For AI agents

beUI exposes static endpoints that coding agents can read without scraping the UI.

txt
https://beui.dev/llms.txthttps://beui.dev/rhttps://beui.dev/r/{slug}https://beui.dev/r/{slug}.jsonhttps://beui.dev/r/{slug}/raw

Install the beUI skill so Cursor, Claude Code and Codex pick existing @beui components before inventing new motion UI:

bash
npx skills add starc007/ui-components --skill beui

beUI Pro customers can install the licensed block workflow from the same repository:

bash
npx skills add starc007/ui-components --skill beui-pro

Run locally

bash
bun installbun run dev

Open .

Checks

bash
bun run check

This runs TypeScript, Biome lint, and registry source validation.

Contributing

Add components in components/motion/, previews in components/previews/motion/, and registry entries in lib/registry.ts.

Read before opening a PR.

Star history

Author

Saurabh Chauhan ·