Tube Light Navbar

A sleek, interactive navigation bar with a dynamic lighting effect, perfect for modern UIs.

The Navbar will show at top of the page

Installation

Install this component and its dependencies with a single command.

npx shadcn@latest add https://ui.voxletstudio.com//r/tube-light-navbar.json

Once your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/tube-light-navbar

Prop	Type	Default	Description
className	string	undefined	Optional custom class names for styling.
items	NavItem[]	[]	An array of navigation items containing name, URL, and icon.

Prop	Type	Default	Description
name	string	undefined	The label for the navigation item.
url	string	undefined	The destination URL for the navigation item.
icon	LucideIcon	undefined	The icon representing the navigation item.

The inspiration for this component is directly taken from Serenity UI