Dock Magnético

Sobre

Barra de aplicativos estilo dock de sistema: os ícones ampliam suavemente conforme a distância do cursor, com rótulo no hover. Ideal para portfólios e painéis.

Detalhes

Categoria

Cabeçalhos e menus

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

26 de outubro de 2026

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/dock-magnetico.tsxtsx

Como usar

import DockMagnetico from "@/components/integra/dock-magnetico";

<DockMagnetico items={[{ label: "Início", icon: "⌂", color: "#ff6a3d" }]} />