Dock Components

Dev Design Library indexes 35 dock components from 27 open-source UI libraries, with the most coming from OpenSourceUI, GreatUI, Sona UI, Skecher UI and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Dock components belong to the Navigation group.

• DockReact Bits · ReactmacOS style magnifying dock with proximity scaling of icons.
• DockdaisyUI · CSS (Tailwind)
• 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.
• Floating DockSwiftPieces · SwiftUIA floating glass dock where each item is its own bubble; drag across it to lift each item and read its name, release…
• 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.
• Action dockCojeev UI · ReactA reusable action dock composed from Cojeev base components.
• 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
• Editor Tool DockOpenSourceUI · React
• Fluid Dock CarouselGreatUI · ReactA carousel driven by a fluid dock of thumbnails, with swipe, arrows and keyboard navigation.
• Magnetic DockSona UI · React
• DockCojeev UI · ReactA compact workspace launcher with a magnifying glass bar, raised shelf and labelled vertical rail.
• Morphing Action DockSkecher UI · ReactA floating action dock that merges into one surface and expands into contextual actions.
• Mac DockOpenSourceUI · React
• Floating Dock MenuGreatUI · React
• Presence DockOpenSourceUI · React

Libraries with dock components

• OpenSourceUI
• GreatUI
• Sona UI
• Skecher UI
• Cojeev UI

Related categories

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