Creative Tim UICreative Tim UI

Navigation bar with breadcrumbs and search - shadcn/ui

PRO

Advanced navbar featuring breadcrumb navigation (Home / Dashboard / Projects), page title, notification/package icons, profile avatar, and bottom search bar with nav links. Responsive design perfect for complex applications requiring contextual navigation.

Preview

Component Details

ID
navbar-with-links
Type
Block
Access
PRO
Category
Navbar
Published
3 Apr 2026

Files Included

  • app/navbar-with-links/page.tsx
  • components/creative-tim/blocks/navbar-with-links.tsx

Components Used

Explore More Blocks

Onboarding
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
User Profile
User ProfileProfessional user profile components for React and Next.js. Build user profile cards, account overviews, profile headers with statistics, social media links, and customizable layouts for displaying user information and achievements.
Logo
LogoProfessional brand logo showcase components for React and Next.js. Build trust sections, partner displays, client logos, and company ecosystem layouts with various styles and configurations.
FAQs
FAQsClean and accessible FAQ components and help section layouts for React and Next.js. Build knowledge bases, support pages, and frequently asked questions interfaces.
x402
x402Internet-native payment protocol components for React and Next.js. Build AI agent payments, HTTP-based stablecoin transactions, and autonomous commerce experiences using the x402 protocol.
Stats
StatsProfessional statistics and metrics components for React and Next.js. Build data showcases, KPI dashboards, achievement displays, growth metrics, and performance indicators with customizable layouts and dark theme variations.
Overview
OverviewCustomer review and testimonial overview components for React and Next.js. Build review sections, rating displays with statistics, customer testimonials with profile images, and comprehensive feedback interfaces.
Charts
ChartsProfessional chart and data visualization components for React and Next.js. Build bar charts, line charts, area charts, comparison widgets, and interactive data dashboards with Recharts integration for displaying analytics and metrics.