Tab Bar Components

Dev Design Library indexes 18 tab bar components from 16 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. Tab bar components belong to the Navigation group.

• Bottom NavigationMUI / Material UI · React
• Multi Tab BarAmicro Micro Transitions · React
• Mobile Tab BarLobe UI · 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 tab bar components

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

Related categories

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