Ui components

<p align="center"> <a href="https://beui.dev"> <img src="./public/beui-mark.png" alt="beUI logo" width="88" height="88" /> </a> </p> <h1 align="center">beUI v2</h1> <p align="center"> Motion components for React. Copy the source, own the code. </p> <p align="center"> <a href="https://github.com/starc007/ui-components/blob/main/LICENSE"><img alt="License: MIT" src="https://img.shields.io/github/license/starc007/ui-components?color=000000&style=flat-square" /></a> <a href="https://github.com/starc007/ui-components/stargazers"><img alt="GitHub stars" src="https://img.shields.io/github/stars/starc007/ui-components?color=000000&style=flat-square" /></a> <a href="https://github.com/starc007/ui-components/actions/workflows/ci.yml"><img alt="CI" src="https://img.shields.io/github/actions/workflow/status/starc007/ui-components/ci.yml?branch=main&color=000000&style=flat-square" /></a> <a href="https://ui.shadcn.com/docs/registry"><img alt="shadcn compatible" src="https://img.shields.io/badge/shadcn-compatible-000000?style=flat-square" /></a> </p> <p align="center"> <a href="https://beui.dev">Website</a> · <a href="https://beui.dev/components/motion">Components</a> · <a href="https://beui.dev/llms.txt">llms.txt</a> </p> <p align="center"> <a href="https://beui.dev"><img src="./public/demo.gif" alt="beUI components demo" width="640" /></a> </p>

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.

Install a component

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

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

Direct URLs also work:

bashCopy
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.

txtCopy
https://beui.dev/llms.txt
https://beui.dev/r
https://beui.dev/r/{slug}
https://beui.dev/r/{slug}.json
https://beui.dev/r/{slug}/raw

Run locally

bashCopy
bun install
bun run dev

Open http://localhost:3000.

Checks

bashCopy
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 CONTRIBUTING.md before opening a PR.

Star history

<a href="https://www.star-history.com/#starc007/ui-components&Date"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=starc007/ui-components&type=Date&theme=dark" /> <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=starc007/ui-components&type=Date" /> <img alt="Star history chart for starc007/ui-components" src="https://api.star-history.com/svg?repos=starc007/ui-components&type=Date" /> </picture> </a>

Author

Saurabh Chauhan · @saurra3h