Tailwind CSS Tab Bar Components

Dev Design Library indexes 16 Tailwind CSS tab bar components from 14 open-source UI libraries, with the most coming from uselayouts, Rewamp UI, Nexvyn UI, ObsidianUI and Rare 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. Tab bar components belong to the Navigation group.

• Multi Tab BarAmicro Micro Transitions · React
• Split NavKokonut UI · ReactNavigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.
• Gooey NavRare UI · ReactA gooey navigation bar that separates the selected item from the group.
• Bottom Menuuselayouts · ReactA floating bottom navigation menu with smooth interactions.
• Playground NavbarObsidianUI · React
• Icon BarNexvyn UI · ReactA horizontal toolbar of icon buttons with bloom-open label reveal on hover/selection, accent dot indicator, and roving…
• Bottom NavigationShark UI · ReactFixed bottom nav for mobile-first apps.
• Dark Mode Mobile NavbarRewamp UI · React
• Expandable TabsSona UI · ReactAn accessible Base UI tab selector that expands the active icon into a labeled pill with input-aware layout motion.
• Tab BarUI Lab · ReactA phone tab bar whose pill slides over and fills in the icon it lands on.
• Expanding Icon TabsMicroKit · ReactAn icon bar where the chosen tab widens to reveal its label and the rest of the row slides over to make room.
• Expandable Mobile NavSkecher UI · ReactA bottom-anchored navigation shell with expandable labels and composable per-item panels.
• Glass Tab BarOpaline · ReactFloating iOS 26 tab bar with a sliding liquid selection.
• Floating NavFibo · ReactA pill of destinations that floats above the bottom of a phone screen and steps aside while you scroll.
• Gooey Navbaruselayouts · ReactA pill nav that melts into its neighbor when you hover — liquid bridges, active dot.
• Morphing Tab NavbarRewamp UI · React

Libraries with Tailwind CSS tab bar components

• uselayouts
• Rewamp UI
• Nexvyn UI
• ObsidianUI
• Rare UI

Related categories

• Tab Bar Components
• Animated Tab Bar 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 Dock Components
• Tailwind CSS Wizard Components
• Tailwind CSS Table Of Contents Components
• Tailwind CSS Hamburger Menu Components