1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. motiq
  3. Magnetic Dock

Magnetic Dock

component

A launcher dock whose icons live inside one shared gaussian attraction field instead of per-icon hover states, so neighbours cascade and the bar reads as liquid under a magnet. Influence drives scale, lift and lateral drift springs; a label chip springs to the dominant icon; a virtual pointer sweeps the bar at idle. Transform-only, offscreen-paused, reduced-motion hover fallback.

pnpm dlx shadcn@latest add "https://motiq.dev/r/magnetic-dock.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • utils
  • primitives
components/motiq/magnetic-dock.tsx