Tailwind CSS Dock Components

Dev Design Library indexes 31 Tailwind CSS dock components from 23 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. Every library in this list styles its components with Tailwind CSS utility classes. Dock components belong to the Navigation group.

• 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
• 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.
• 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 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 Tailwind CSS dock components

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

Related categories

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