Mac Dock

Mac Dock
Mac Dock

About Mac Dock

Bring a faithful Apple-like dock to your site. This code component nails the native feel with true hover magnification and smooth falloff, crisp label bubbles and motion that looks and behaves just like the native macOS dock.

Adjustable properties

Content

  • Icons → Icon, Name, Link (optional)

  • Icon Style → Icon Size, Spacing

Animation

  • Size Factor

  • Hover Area

Label

  • Native Font styling

  • Text Color

  • Offset Position

  • Background

  • Width/Height Padding

  • Radius

Dock style

  • Background

  • Border styling

  • Radius

  • Blur

  • Width/Height Padding

From Fabian Albert

Dynamic Toggle
Frame Beam
Image Sweep
Confetti

Related Components

Interactive Ticker
SaaS Navigation
Blur Navigation
Liquid Gooey Nav