beUI

Overview

beUI is an open-source animated UI component registry for React and Next.js. Built with Tailwind CSS and Framer Motion, it delivers interactive bento grids, fluid carousels, and modern navigation docks.

Key Features

• Interactive Motion Primitives: Fluid tab docks, magnetic action pills, and interactive hover spotlights.
• Next.js & App Router Ready: 100% compatible with modern React Server Components and SSR.
• Copy-Paste Integration: Integrates directly with your project's components/ui/ folder.
• Dark & Light Mode Polish: Hand-crafted contrast ratios and subtle glow effects.

Installation & Quick Start

npx shadcn@latest add https://beui.dev/r/dock.json

import { Dock, DockItem } from '@/components/ui/dock';

export default function Navigation() {
  return (
    <Dock>
      <DockItem label="Home">🏠</DockItem>
    </Dock>
  );
}

Why Choose beUI?

• Best for: SaaS landing pages, creator portfolios, and modern web applications wanting subtle, high-end motion.
• Not suitable for: Monolithic legacy web architectures without Tailwind CSS.