Dev Design Library

Topbar 04 - Centered Navigation Topbar

Centered navigation topbar with brand logo, quick access links, notifications, and profile actions. Ideal for SaaS products, documentation websites, and modern web applications.

Topbar 04 - Centered Navigation Topbar preview
Library
Shadcn Space
Framework
React
Type
block
License
MIT
Dependencies
lucide-react
Files
  • src/components/shadcn-space/blocks/topbar-04/page.tsx
  • src/components/shadcn-space/blocks/topbar-04/data.ts
  • src/components/shadcn-space/blocks/topbar-04/types.ts
  • src/components/shadcn-space/blocks/topbar-04/header/index.tsx
  • src/components/shadcn-space/blocks/topbar-04/header/sidebar.tsx
  • src/components/shadcn-space/blocks/topbar-04/header/desktop-nav.tsx
  • src/components/shadcn-space/blocks/topbar-04/header/dropdown-language.tsx
  • src/components/shadcn-space/blocks/topbar-04/header/dropdown-profile.tsx
Source
https://github.com/shadcnspace/shadcnspace

Categories

More from Shadcn Space