Beui

Beui

Beui is a free, open-source component library that specializes in animated UI for React and Next.js. From an engineering perspective, the interesting part of Beui is not the components themselves — it is the distribution model. Beui is designed to be consumed two ways: as copy-paste source, and as a shadcn-compatible registry installed via the CLI.

The copy-paste model of Beui is the traditional and most flexible path. Each component is shipped as source code in your repository, so there is no runtime dependency on a package you do not control — the component is yours to modify, style, and maintain. For developers who want full ownership of their UI, that is a strong argument. No version pinning, no breaking updates, no build-time surprises: the code you copied is the code that ships.

The shadcn registry is the modern path. Because Beui is a shadcn-compatible registry, developers can install components with npx shadcn add and get the same workflow they already use for shadcn/ui. The registry also manages dependencies, which is a real convenience. Beui deliberately supports both models, which is a thoughtful engineering decision: it meets developers in whichever workflow they already use.

The stack choice in Beui is equally pragmatic. Components are built with Motion — the open-source evolution of Framer Motion — for animations, and Tailwind CSS for styling. Both are the de facto standards in the React ecosystem, which means Beui components drop into existing projects without introducing new concepts or build tooling. The theme system (violet, blue, and others) plugs into the standard Tailwind/shadcn CSS-variable pattern, keeping theming consistent with the rest of the ecosystem.

Beui is fully open source and priced at zero — no tiers, no watermarking, no enterprise gatekeeping. The project is maintained as a public resource, and the author's (Saurabh) contributions are visible in the open repository. For developers evaluating animated component libraries, Beui is a clean example of the copy-paste distribution model done right: transparent source, zero lock-in, and professional quality.