macOS Magnifying Dock

Navigation & ModernPRO

Fluid macOS-style icon dock with proximity-based magnification scaling.

Interactive Live Preview
components/ui/modern-dock.tsxTypeScript · React 19
1// Source code for macOS Magnifying Dock
2import * as React from "react";
3
4export default function macOSMagnifyingDock() {
5 return <div>macOS Magnifying Dock</div>;
6}

Props & Specification

PropTypeDefaultDescription
variantMagnified | Compact | FloatingMagnifiedVisual state and layout presentation mode.
classNamestring""Optional Tailwind CSS wrapper class overrides.

Related Components in Navigation & Modern