Shadcn.io is not affiliated with official shadcn/ui
Profile Sales Rep Dashboard
React sales representative dashboard profile block for Next.js with quota attainment gauge, deal pipeline, win rate trends, recent activity log, and commission tracker using shadcn/ui, Tailwind CSS, and framer-motion
Track sales performance with this dashboard-style profile block built with React and Next.js. Features quota attainment with a progress gauge, active deal pipeline with stage and value, win/loss rate trends, a recent activity log with call and email entries, and commission earnings tracker. Built with TypeScript, shadcn/ui Avatar, Badge, Progress, Tabs, and Button components, Tailwind CSS, and framer-motion animated progress bars. Perfect for CRM dashboards, sales team leaderboards, and revenue operations profiles.
Related Components
Recruiter Pipeline
Recruiter profile with pipeline
Customer Success
CS manager profile
Stats Overview
Stats-heavy profile with metrics grid
Investor Portfolio
Investment portfolio profile
Team Member Detail
Detailed team member view
Employee Badge
Employee ID card profile
FAQ
Was this page helpful?
Sign in to leave feedback.
Researcher Publications
React academic researcher profile block for Next.js with publication list, citation metrics, h-index display, research areas, and co-author network using shadcn/ui, Tailwind CSS, and framer-motion
Scientist Research
React scientist research profile block for Next.js with publication list, citation metrics, h-index display, research field tags, and lab affiliation using shadcn/ui, Tailwind CSS, and framer-motion