Dock

macOS-style dock with smooth magnification effect.

Properties

Installation

npm install @reactomega/ui framer-motion lucide-react

Usage

import { Dock } from '@reactomega/ui';
import { Home, Search, Bell } from 'lucide-react';

export default function App() {
  const items = [
    { icon: <Home />, label: 'Home' },
    { icon: <Search />, label: 'Search' },
    { icon: <Bell />, label: 'Notifications' },
  ];

  return <Dock items={items} />;
}