Saurabh
Creator
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
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 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.
Insights
Traffic and momentum for beUI
Loading chart…
Similar to beUI
6 similar picks
Letters
Apple-inspired handwritten animation library — beautiful letter-by-letter text animations.
OriginKit
The largest free animated component library for modern websites. Copy the code, use it in Framer, or connect through MCP.
Border Beam
A lightweight React component that renders an animated glowing border beam effect — multiple sizes, color variants, and themes.
Loading UI
Free, open-source CSS and React loaders, spinners, and animations for building polished, accessible loading states.
Dot Matrix
Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.
Very Good Components
Copy-paste React UI components styled with Tailwind and animated with Framer Motion — hero sections, feature grids, and pricing tables.
Team
The people behind beUI
Similar Launches
useLayouts
Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.
Loading.dev
A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
Dot Matrix
Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.
animations.dev
Learn professional web animations with Framer Motion — interactive course by Emil Kowalski.
Remocn
An open-source component registry for building product demo videos with Remotion and AI coding agents.
Comments