Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

React Wiki Navbar Block

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.

React Wiki Navbar Block preview

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.