Shadcn.io is not affiliated with official shadcn/ui
React Kanban Board Navbar Block
A kanban board navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a board name with star/favorite toggle, clickable filter pills for Priority, Assignee, and Label, view toggles for Board, List, and Timeline, an Add Card button, and member avatar stack with framer-motion animations.
Organize projects visually with this Trello and Linear-inspired kanban navbar. It gives teams everything they need to manage sprints: a favoritable board name, instant filtering by Priority, Assignee, and Label, one-click view switching between Board, List, and Timeline, a quick Add Card action, and a live member presence indicator. Built with TypeScript, shadcn/ui, and Tailwind CSS for project management tools and team dashboards.
React Kanban Board Navbar Block preview
Installation
Related Components
Project Management Navbar
Project management app navigation bar
Form Builder Navbar
Form builder app navigation bar
API Status Navbar
API dashboard navbar with status indicators
Dashboard Navbar
Dashboard navbar with breadcrumb and search
Podcast Platform Navbar
Podcast platform navigation bar
Booking System Navbar
Booking and scheduling navigation bar
FAQ
Was this page helpful?
Sign in to leave feedback.
React Icon-Only Navbar Block
An ultra-minimal icon-only navbar built with React, Next.js, shadcn/ui, Tailwind CSS, and framer-motion. Displays navigation as icons for Home, Search, Bell, Mail, Settings, and User with tooltips on hover and an active indicator using bg-muted rounded backgrounds. Supports both horizontal and vertical orientations.
React Keyboard Shortcuts Navbar Block
A navigation bar with keyboard shortcut hints built with React, Next.js, shadcn/ui, and Tailwind CSS. Features nav items that reveal their keyboard shortcuts as Kbd badges on hover with smooth framer-motion transitions, functional shortcut listeners, and active state tracking.