Animated Dock Components

Dev Design Library indexes 31 Animated dock components from 25 open-source UI libraries, with the most coming from GreatUI, OpenSourceUI, Sona UI, Skecher UI and Cult UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the dock components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Dock components belong to the Navigation group.

• DockReact Bits · ReactmacOS style magnifying dock with proximity scaling of icons.
• DockMagic UI · ReactAn implementation of the MacOS dock using react + tailwindcss + motion
• DockCult UI · ReactmacOS-style dock component with hover effects and smooth animations
• Physics DockAmicro Micro Transitions · React
• DockbeUI · ReactmacOS-style dock with grouped actions and a gliding active pill.
• DockSpectrum UI · ReactA premium macOS-Style Animated Dock Menu component
• Glass DockVengeance UI · React
• Web Command DockPanel UI · React Native
• DefaultShadcn Space · ReactApple Dock component
• App DockOpenSourceUI · React
• Contextual DockKinetics · HTML/CSSNearby controls swell in a soft focus field
• Magnetic DockComponentry · ReactMacOS style dock that scales items based on mouse proximity.
• DockAnimations (Svelte) · SvelteA macOS-style dock component with smooth magnification animation on hover, inspired by the macOS dock.
• DockBadtz UI · ReactAn interactive icon dock that smoothly scales icons/images on hover, providing a responsive and engaging visual effect.
• Fluid App DockGreatUI · ReactA glass app dock whose icons magnify and spread under the cursor with spring physics.
• Circular Dock MenuSona UI · ReactA circular dock menu with controlled state, keyboard dismissal, item callbacks, outside-click handling, and…
• DockWatermelon UI · React
• DockUI Lab · ReactIcons swell as your cursor nears them, and launch with a macOS-style bounce.
• DockCojeev UI · ReactA compact workspace launcher with a magnifying glass bar, raised shelf and labelled vertical rail.
• DockVelora UI · ReactmacOS-style dock with cursor magnification.
• DockSkecher UI · ReactA macOS-style magnifying dock powered by shared motion values and spring-smoothed icon sizing.
• Glass DockLiquefy UI · React
• Glass DockOpaline · ReactmacOS-style dock with smooth magnification and hover labels.
• DockReactFrame · ReactA macOS-style app dock with cursor-proximity magnification, running-app indicator dots, hover tooltips, separators and…
• Floating DockAceternity UI · React
• Mac DockOpenSourceUI · React
• Fluid Dock CarouselGreatUI · ReactA carousel driven by a fluid dock of thumbnails, with swipe, arrows and keyboard navigation.
• Magnetic DockSona UI · React
• Morphing Action DockSkecher UI · ReactA floating action dock that merges into one surface and expands into contextual actions.
• Presence DockOpenSourceUI · React
• Floating Dock MenuGreatUI · React

Libraries with Animated dock components

• GreatUI
• OpenSourceUI
• Sona UI
• Skecher UI
• Cult UI

Related categories

• Dock Components
• React Dock Components
• Tailwind CSS Dock Components
• Animated Navigation Components
• Animated Menu Components
• Animated Tabs Components
• Animated Navbar Components
• Animated Sidebar Components
• Animated Stepper Components
• Animated Command Palette Components
• Animated Context Menu Components
• Animated Tab Bar Components
• Animated Pagination Components
• Animated Table Of Contents Components
• Animated Wizard Components
• Animated Hamburger Menu Components
• Animated Breadcrumb Components
• Animated Floating Navbar Components