Shadcn.io is not affiliated with official shadcn/ui
About Open Metrics
A public transparency metrics table block for React and Next.js with sortable columns, quarterly comparison, percentage change indicators, and target tracking built with shadcn/ui and Tailwind CSS
Display your company's key operating metrics with radical transparency using this open metrics table block for React and Next.js. Features ten financial and operational metrics with current values, previous quarter comparisons, percentage change indicators with semantic coloring, and target tracking columns. Built with TypeScript, shadcn/ui Table, Badge, and Button components, motion/react staggered row animations, and Tailwind CSS. Perfect for open startup pages, investor relations sections, and public accountability dashboards.
Related Components
API Stats
Real-time API performance metrics
By The Numbers
Key company statistics overview
Stats Large
Large format metric cards
Transparency Report
Detailed transparency disclosures
Growth Trajectory
Growth trend visualization
Counters Row
Animated metric counters
FAQ
Was this page helpful?
Sign in to leave feedback.
Onboarding Process
A timeline onboarding process block for React and Next.js with week-by-week stages, activity checklists, buddy tips, and vertical connecting lines built with shadcn/ui and Tailwind CSS
Open Positions
A job listings block for React and Next.js with department filter pills, animated filtered list, location and type badges, and resume CTA built with shadcn/ui and Tailwind CSS