Shadcn.io is not affiliated with official shadcn/ui
Navbar Wiki
An internal wiki and knowledge base navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a TeamWiki logo with book icon, Home, Spaces, Recent, Starred, and Templates nav links, centered search bar with Cmd+K shortcut hint, a Create dropdown for new pages, spaces, and templates, and user avatar with framer-motion entrance animation.
Organize your team's knowledge with a Notion-inspired wiki navbar. This component provides quick access to Spaces, Recent pages, and Starred favorites, a keyboard-driven search bar with Cmd+K shortcut hint, and a Create dropdown that lets users spin up new Pages, Spaces, or Templates in one click. Built with TypeScript, shadcn/ui DropdownMenu, and Tailwind CSS for clean integration into any Next.js knowledge base application.
Related Components
Documentation Navbar
Docs navbar with version picker and search
Help Center Navbar
Support navbar with search and category navigation
Collaboration Navbar
Real-time collaboration navbar with presence indicators
Changelog Navbar
Release notes navbar with category tabs and subscribe
Builder Tool Navbar
Page builder navbar with responsive preview toggles
Admin Panel Navbar
Admin navbar with environment badge and search
FAQ
Was this page helpful?
Sign in to leave feedback.
Video Platform
A video streaming platform navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a StreamBox logo with play icon, hamburger sidebar toggle, large center search bar with voice search button, upload camera button, notifications bell, and user avatar with framer-motion entrance animations.
With Banner
A navigation bar with a promotional accent banner built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a top banner with sale messaging and CTA button, smooth dismiss animation with framer-motion, and a standard navigation bar visually connected below.