# [beUI](<https://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.

Freemium·UI Kits·React·Animation·Open Source

Freemium·UI Kits·React·Animation·Open Source

![beUI preview 1](<https://beui.dev/api/og>)

![beUI preview 2](<https://creatorstoolbox.com/images/galleries/beui-3a56369273db9c18c3bb694c96a711e120c56bc243c421dcfb172e18c4dc049d.jpg>)

## What is 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](<https://pro.beui.dev/>) exists, but the free library is substantial on its own.

## 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 Launches

[![useLayouts](<https://www.google.com/s2/favicons?domain=uselayouts.com&sz=128>)

useLayouts

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/resources/uselayouts>)[![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/resources/loading-dev>)[![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.](<https://creatorstoolbox.com/resources/react-bits>)[![Dot Matrix](<https://dotmatrix.zzzzshawn.cloud/icon.svg>)

Dot Matrix

Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.](<https://creatorstoolbox.com/resources/dotmatrix>)[![animations.dev](<https://www.google.com/s2/favicons?domain=animations.dev&sz=128>)

animations.dev

Learn professional web animations with Framer Motion — interactive course by Emil Kowalski.](<https://creatorstoolbox.com/courses/animations-dev>)[![Remocn](<https://creatorstoolbox.com/images/logos/remocn-38b16a8c699353a8148801bacfddeaf3a5a53f5c3f47d89337bc257a32c08450.svg>)

Remocn

An open-source component registry for building product demo videos with Remotion and AI coding agents.](<https://creatorstoolbox.com/resources/remocn>)

---
Canonical source: https://creatorstoolbox.com/resources/beui