Pricing

Dock

An implementation of the MacOS dock using react + tailwindcss + motion

5,621

Bookmarks

13,821

Installs

98,421

Views

150 lines
"use client"

import React from "react"
import Link from "next/link"
import { CalendarIcon, HomeIcon, MailIcon, PencilIcon } from "lucide-react"

import { cn } from "@/lib/utils"
import { buttonVariants } from "@/components/ui/button"
import { Separator } from "@/components/ui/separator"
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/components/ui/tooltip"
import { Dock, DockIcon } from "@/components/ui/dock"

134 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
class-variance-authoritylucide-reactmotionnext-themes
License
MIT License
Published
1/9/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.