Skip to main content
beUI

beUI

beui.dev

Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.

UI & UX DesignDevelopmentOpen SourceAnimation & Motion
Media 1 of 2

About beUI

beUI is a free, open-source library of animated components for React and Next.js, built with Motion and Tailwind CSS. It covers 108 components split between motion primitives — buttons, modals, toasts, tabs, cards — and blocks, which are larger assemblies like command palettes, dynamic islands, and swap widgets. Components install through the shadcn registry with npm, pnpm, yarn, or bun, or you can copy the source directly; either way the code lands in your project as editable source rather than a dependency you configure around.

Everything is MIT licensed. A separate Pro tier at pro.beui.dev exists, but the free library is substantial on its own.

Pricing model: Freemium

Features

  • 108 animated components across motion primitives and blocks
  • Primitives: buttons, modals, toasts, tabs, cards
  • Blocks: command palettes, dynamic islands, swap widgets
  • Built with React, Next.js, Motion, and Tailwind CSS
  • Install through the shadcn registry or copy the source
  • MIT licensed and fully customisable

FAQs

Common questions about beUI

How do I install a component?
Through the shadcn registry with your package manager of choice — npm, pnpm, yarn, or bun — or by copying the source straight into your project.
What is it built with?
React and Next.js, with Motion for the animation and Tailwind CSS for styling.
Is beUI free?
The library is free and MIT licensed. There is a separate Pro offering at pro.beui.dev, but the free set covers 108 components.

Similar products