Shadcn.io is not affiliated with official shadcn/ui
Team Diversity Stats
React diversity metrics dashboard with shadcn/ui components, Next.js, and Tailwind CSS showing gender, ethnicity representation
React team diversity metrics block built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS displaying gender representation, ethnicity breakdown, and geographic distribution with expandable percentage bars and year-over-year trend indicators. Uses Lucide React icons for arrow indicators and custom progress bar components with aria-label attributes for accessibility. Perfect for company about pages, ESG reports, and HR dashboards.
Related Components
Team Block Locations
Team members grouped by office location
Team Block Growth Timeline
Vertical timeline showing company growth milestones
Team Block Compact List
Dense team list with initials and department chips
Team Block Department Tabs
Filter team members by department with tabs
Team Block Volunteer
Community service and volunteer work by team members
Team Block Leadership Spotlight
Large featured cards for executive leadership
FAQ
Was this page helpful?
Sign in to leave feedback.