Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Star Ratings
Table component with inline star ratings and review scores for React product and review dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Display ratings on your Next.js review dashboard with this star rating table component. Features inline star displays with half-star precision, numeric score labels, review count badges, rating distribution bars, and sortable by rating. Built with shadcn/ui Table component using Tailwind CSS and Lucide icons. The visual rating system aids quick comparison—perfect for product catalogs, app stores, course platforms, restaurant listings, or any React app displaying user ratings and reviews.
Product Ratings
Average 4.5 stars · 13.1K total reviews
| Product | Category | Rating | Score | Reviews | Trend | Price |
|---|---|---|---|---|---|---|
| Wireless Noise-Canceling Headphones | Audio | 4.8 | 2.8K | +0.3 | $299 | |
| Mechanical Gaming Keyboard | Peripherals | 4.6 | 1.5K | — | $149 | |
| Ultra-Wide Curved Monitor | Displays | 4.5 | 892 | +0.2 | $599 | |
| Portable SSD 2TB | Storage | 4.9 | 3.2K | +0.1 | $179 | |
| Ergonomic Office Chair | Furniture | 4.2 | 567 | -0.4 | $449 | |
| Smart Home Hub | Smart Home | 3.9 | 1.1K | -0.2 | $129 | |
| Wireless Charging Pad | Accessories | 4.4 | 2.2K | — | $39 | |
| 4K Webcam with Microphone | Peripherals | 4.7 | 743 | +0.5 | $199 |
Ratings shown with half-star precision. Trend shows change from last month.
Installation
Related blocks you will also like
Table with Sortable Columns
Sort by rating
Table with Quick Filters
Filter by stars
Table with Progress Bars
Rating distribution
Table with Sparkline Charts
Rating trends
Table with Row Highlighting
Highlight top rated
Table with Expandable Rows
Show reviews