Dock

A dock component with app icons arranged in a row or column. It scales the icon under the cursor and shows labels on hover. Use it to display interactive app icons in a compact, dynamic layout.

byEdu Calvo from Smoothui

Installation

terminal

pnpm dlx layro-cli add @educlopez/dock

npx layro-cli add @educlopez/dock

npx layro-cli add @educlopez/dock

bunx layro-cli add @educlopez/dock

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client";

import { cn } from "@/lib/utils";
import {
  AnimatePresence,
  animate,
  type MotionValue,
  motion,
  useMotionValue,
  useReducedMotion,
  useSpring,
  useTransform,
} from "motion/react";
import {

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.1 · current
Nov 7, 2026
Synced from Smoothui.

Similar components

View all

Dock

Vector Editor Toolbar