Creative Tim UICreative Tim UI

Dark filled navigation bar with white text - shadcn/ui

PRO

Dark slate navigation bar (bg-slate-800) with white text and icon-based nav links (Pages, Account, Blocks, Docs). Includes Buy Now button and responsive mobile menu. Great for dark-themed applications or creating visual contrast.

Preview

Component Details

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

Files Included

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

Components Used

Explore More Blocks

Table
TableProfessional data table components for React and Next.js. Build product comparisons, crypto trackers, inventory tables, sales reports, member lists, invoices, and transaction records with sortable columns and interactive features.
Sidebar
SidebarProfessional sidebar navigation and menu components for React and Next.js. Build dashboard sidebars, app navigation, crypto wallets, calendar views, task managers, and feature-rich sidebar layouts with customizable content.
Widgets
WidgetsVersatile widget components for React and Next.js. Build dashboard widgets, stats cards, join-now sections, and data visualization panels with customizable designs.
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.
Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Content
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
Product List
Product ListProfessional product listing and showcase components for React and Next.js. Build product grids, filtered lists, rating displays, and ecommerce product catalogs with customizable layouts.
Layout
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.