Shadcn.io is not affiliated with official shadcn/ui
React CRM Navbar Block
A CRM application navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a SalesForge logo, deal pipeline navigation with active state indicators, contacts and companies links, activities and reports tabs, quick search, new deal button with plus icon, and user avatar with sales quota progress using framer-motion animations.
Equip your sales team with a CRM navbar that puts every essential tool within reach. This component features pipeline-focused navigation for Deals, Contacts, Companies, Activities, and Reports, plus a quick search and one-click deal creation. The user avatar includes a sales quota indicator so reps always know where they stand. Built for CRM dashboards, sales platforms, and business intelligence tools.
React CRM Navbar Block preview
Installation
Related Components
Social Platform Navbar
Social media platform navigation bar
Cloud Storage Navbar
Cloud storage navigation bar
Dashboard Navbar
Admin dashboard navigation bar
Email Client Navbar
Email client navigation bar
Search Expandable Navbar
Navbar with expandable search input
Notification Bell Navbar
Navbar with notification dropdown panel
FAQ
Was this page helpful?
Sign in to leave feedback.
React Contextual Navbar Block
A context-aware navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Toggles between Marketing mode with Features, Pricing, and Blog links and App mode with Dashboard, Projects, and Team links. Visual indicator shows the active context with smooth framer-motion transitions between modes.
Dark Mode Navbar Block
A dark-themed navigation bar with zinc-950 background and zinc-100 text built with React, Next.js, shadcn/ui, and Tailwind CSS. Features high-contrast dark styling within a light page context, with zinc-400 default and zinc-100 hover link colors and framer-motion animations.