Shadcn.io is not affiliated with official shadcn/ui
Hero Split Crm Pipeline
A split-layout hero with a four-column CRM deal pipeline mockup for React and Next.js featuring stage totals, deal cards, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS
Build a split-layout hero with a four-column CRM deal pipeline mockup using this React and Next.js block. Features Lead, Qualified, Proposal and Won stages with per-stage counts and dollar totals, compact deal cards with company name, deal value and avatar initials, one highlighted proposal card, an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs. Built with TypeScript, ShadcnioButton, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for CRM platforms, sales tools, revenue operations SaaS, and pipeline management products.
Related Components
React Split Kanban Board Hero Block
React split hero with kanban board mockup
React Split Layout Chat Skeleton Hero Block
React split hero with AI chat skeleton mockup
React Split Calendar Booking Hero Block
React split hero with calendar booking mockup
React Split Notification Stack Hero Block
React split hero with notification stack mockup
React Split Hover Cards Hero Block
React split hero with hover card stack
React Split Avatar Grid Hero Block
React split hero with avatar grid mockup
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Commit Graph
A split-layout hero with a git commit graph SVG mockup for React and Next.js featuring branch and merge topology, commit hashes, author avatars, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS
Split Dark Terminal
A split-layout hero section for React and Next.js with bold headline and feature checklist on the left and a dark terminal mockup with window chrome, request line, status bar, and syntax-highlighted JSON response with copy-to-clipboard on the right built with shadcn/ui and Tailwind CSS