Beui

Beui is a free, open-source library of animated components built for React and Next.js developers. It is the answer to a very common problem: making an interface feel alive without spending weeks hand-writing motion code. Beui gives you production-ready animated components — cards, buttons, modals, navigation pieces, and more — that you can drop into your project in minutes.

The stack behind Beui is what makes it so practical. Every component is built with Motion (the animation library formerly known as Framer Motion) and Tailwind CSS, which means the components fit naturally into the modern React ecosystem. You do not need to learn a new framework or adopt a proprietary design system; Beui works with the tools you already use and the styles you already write.

The beauty of Beui is the way you consume it. Every component is a copy-paste component: open the page, copy the source, paste it into your project, and it works. For developers who prefer a more structured installation, Beui is also a shadcn-compatible registry, so you can install components with the shadcn CLI — npx shadcn add — exactly like you install shadcn/ui components. Two workflows, one library, zero lock-in.

Beui is genuinely free and open source, with a price tag of exactly zero dollars. There are no tiers, no watermarks, and no license traps — the components are there for any project, personal or commercial. The design quality is high enough that many developers reach for Beui as their default starting point for animated React interfaces, and the open-source model means the library keeps improving with community contributions.

Whether you are building a marketing site with scroll animations, a dashboard with smooth micro-interactions, or a landing page that needs to feel polished on a deadline, Beui is worth adding to your toolkit. Copy the code, or run the CLI command, and your interface immediately feels more alive. That is the whole promise of Beui, and it delivers.