Bubble Navbar — Free React & Next.js Navigation Component

Dark pill-shaped navbar with animated bubble indicators — active item gets a light gradient bubble, hovered items get a subtle dark highlight.

Bubble Navbar is a premium navigation component for React and Next.js applications. Built with Tailwind CSS. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/bubble-navbar

Category

Navigation — Menus, navbars, and navigation components

Tags

• navbar
• bubble
• pill
• dark
• navigation
• indicator