beUI
A free, open-source library of 109 animated UI components for React and Next.js, built with Motion and Tailwind CSS, distributed as copy-paste source via the shadcn CLI.
🔗 Visit beUI
Description
If you're building a React or Next.js app and want it to feel alive — buttons that spring, modals that glide in, search bars that morph — without hand-rolling animation code for every component, beUI gives you a library of pre-built animated pieces you can drop straight into your project.
beUI is a free, open-source collection of 109 animated UI components and blocks for React and Next.js, built on Motion (the library formerly known as Framer Motion) and Tailwind CSS, and compatible with Tailwind 4 and React 19. It covers common product surfaces — buttons, modals, toasts, tabs, carousels, command palettes — as well as more elaborate patterns like dynamic-island-style notifications, swap widgets, 3D perspective effects, blur transitions, and View Transition API integration for page-level animation. Distribution follows the shadcn CLI model: components install through the shadcn registry (npm/pnpm/yarn/bun) or can be copied directly as source, so the code lives editable inside your project rather than as an opaque dependency. The core library is MIT-licensed and free; a paid Pro tier (pro.beui.dev) offers additional components and, per the creator, custom component development services.
💬 Our review
The short version: beUI is a solid, current pick if you want your React/Next.js app to look and feel more polished without writing animation code yourself — 109 ready-made animated components is a genuinely large library, and the shadcn-style copy-paste distribution means you're not locked into a dependency you don't control.
Its closest comparison point is the broader shadcn-ecosystem of component add-ons (Aceternity UI, Magic UI, and similar Motion+Tailwind libraries) rather than base shadcn/ui itself, which ships mostly unstyled primitives. beUI's edge is component count and the specific inclusion of newer browser-native patterns like View Transition API integration, which not every competitor has caught up on yet.
The honest limits: some of the more elaborate components sit behind a paid Pro tier, so the free library, while generous, isn't the entire offering; and because these are copy-paste components rather than a managed dependency, you're responsible for updating them yourself if the upstream library changes something. For teams wanting fast, good-looking React UI without a design system project, it's an easy free starting point; for anything requiring the tactile, physics-driven interaction model of a library like Jelly UI, beUI's polish is conventional motion-design, not novel interaction.
💰 Pricing
📊 Global score
🤖 AI-enriched data
Bibliothèque de base gratuite et open-source (MIT) ; palier Pro payant (pro.beui.dev) pour des composants supplémentaires et services de dev sur mesure.
Pros
109 composants animés prêts à l'emploi, gratuits et open-source
Distribution façon shadcn : code copié dans le projet, pas une dépendance opaque
Support Tailwind 4 / React 19, intégration View Transition API
Large variété de patterns : modals, toasts, command palettes, effets 3D
Cons
Une partie des composants les plus avancés est derrière le palier Pro payant
Composants copiés-collés : mises à jour à gérer soi-même, pas un package versionné
Style animation conventionnel — pas d'interaction tactile/physique différenciante comme Jelly UI