Components
A sleek and modern navigation bar component with smooth animations and a dynamic indicator. Perfect for primary navigation in web applications.
Features
npx @21st-dev/cli add ayushmxxn/tubelight-navbarLoading preview...
import { Home, User, Briefcase, FileText } from 'lucide-react'
import { NavBar } from "@/components/ui/tubelight-navbar"
export function NavBarDemo() {
const navItems = [
{ name: 'Home', url: '#', icon: Home },
{ name: 'About', url: '#', icon: User },
{ name: 'Projects', url: '#', icon: Briefcase },
{ name: 'Resume', url: '#', icon: FileText }
]
return <NavBar items={navItems} />
}