beUI

项目概述

beUI 是一套面向 React 与 Next.js 生态的现代动效组件库与注册表。全量采用 Tailwind CSS 与 Framer Motion 打造，提供了包括流体 Dock 导航栏、磁吸操作胶囊、悬浮光影卡片与便当盒排版等精致动效。

核心特性

• ⚡️ 流体交互动效原语：涵盖 macOS 风格 Dock 放大栏、光标聚光灯跟随与平滑折叠抽屉。
• Next.js App Router 深度适配：完美契合 React Server Components 与现代 SSR 水合体系。
• 现代化源码拷贝注册表：通过标准 shadcn 体系一键将组件代码集成到本地项目中。
• 细致的暗黑模式适配：精准调校了深浅模式下的环境反光与微弱边框高光。

快速上手与示例代码

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

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

export default function FloatingNav() {
  return (
    <Dock>
      <DockItem label="首页">🏠</DockItem>
      <DockItem label="组件">🧩</DockItem>
    </Dock>
  );
}

技术选型建议与适用场景

• 非常适合：现代 SaaS 营销落地页、AI 工具前端交互面板及追求高端科技细节的作品集。
• 不适用场景：对动效零容忍的重度数据表格与纯静态文本页面。