Reviews
Product review blocks for shadcn/ui. Rating summaries, score distributions, filterable review lists with photos and write-a-review forms. Built for shadcn/ui.
Product review summary built with shadcn/ui. The left column shows a large 4.7 average with Stars, review count, a Write a review Button and three highlight chips; the wider right column lists clickable 5-to-1 star rows using Progress with counts and percentages that act as a filter. A compact header for any product review section.
Review attributes Card built with shadcn/ui: horizontal score bars for Fit, Quality, Comfort and Value with numeric scores, a slider-style Runs small to Runs large indicator with a marker dot, and a four-up grid of customer photos with a +28 overlay and See all photos Button. Pairs well with a rating summary above a review list.
Review list built with shadcn/ui. A toolbar with a Sort Select and With photos, Verified and 5 stars filter chips sits above a divide-y list of five reviews, each with Avatar, name, Verified Badge, Stars, date, title, body, optional photo thumbnail, purchased variant and a Helpful ThumbsUp Button whose count updates on click; a Load more Button closes the list. The core of any reviews tab.
Write-a-review form in a max-w-2xl Card built with shadcn/ui: a product summary row, an interactive hover-and-click star rating, title Input, body Textarea with character counter, Fit and Quality ToggleGroups, a recommend RadioGroup, a dashed photo dropzone with Upload icon, a Show my name Checkbox and Submit / Cancel Buttons. Drop it into a dialog or a dedicated review page.