Radix UI reviews blocks.

They are 100 React sections for showing, collecting and managing customer reviews, in 14 groups: score summaries, criteria and compare, insights and trends, survey scores, lists and pages, cards and walls, filter and search, votes and replies, owner photos, by industry, ask and write, moderation, merchant tools, reviewers and rewards. A block takes one product's reviews and lays them out as a score, a wall, a list, a form or a moderation tool.

Aggregate Score Reviews shows the average with the arithmetic behind it, and Star Threshold Histogram Reviews turns the five-star spread into a threshold you drag. For the list itself, Paginated List Reviews pages through the reviews and Filter Sort Bar Reviews narrows them by rating, verified status and date.

Full Write Form Reviews is a complete review form with star input, tag lists and photo names, Helpful Votes Reviews counts votes, and Reply Thread Reviews lets a seller answer. On the shop side, Moderation Queue Reviews is a keyboard triage queue with Approve, Reject and Escalate.

The reviews, the ratings tally and the product are typed data at the top of each file, and the average, the shares and the counts are computed from them, so the text and the bars agree. The stars and bars are drawn in foreground tones, and the reviewers and products are invented.

Replace the typed reviews list (and, in score blocks, the rating tally) with your data. In Aggregate Score Reviews the score is a simple average or a weighted one where verified buyers count in full and others at half, and the arithmetic list below it is rewritten from the same tally.

Full Write Form Reviews checks every required field on submit, shows the problem under each field and moves focus to the first one. A good form turns into a thanks that says nothing was sent. Put your POST request in the submit handler, and upload the photos yourself: the block only lists each file's name and size.

Filter Sort Bar Reviews filters and sorts a typed list in the browser, five at a time, with removable chips and a count. For a large store, keep the same controls but run the filters on your server and replace the list with each response. Paginated List Reviews does the same for pages, with a per-page menu and a heading that takes focus on a page change.

Helpful Votes Reviews makes each Helpful button a real toggle: one press adds a vote and a second press takes it back, and the best favourable and critical picks are worked out from the votes. Nothing is sent, so post the vote to your API from the toggle and store one vote per account.

No. The review blocks are interface only and none of them writes JSON-LD. If you want review rich results in search, render your own `Review` or `AggregateRating` markup from the same data you pass to the block, and make sure it matches the reviews visitors can see.

This page lists 100 of the category's 100 reviews blocks for React on Radix UI. The category comes in React (Base UI, React Aria, Ark UI and Radix UI), Vue, Svelte and Solid; the framework and UI library pickers at the top of any block's page switch between them.

The reviews blocks here are written on Radix UI primitives; the layout, the copy and the theme tokens are the same on every base, and the install path follows it (/r/radix/reviews-accordion-expandable.json). The other bases are one picker away from /reviews-block/radix.

Each block is TypeScript and Tailwind CSS v4, styled with your theme's tokens, and imports our components (installed with it) on Radix UI. Icons come from lucide-react.

Open a block, copy its command and run it: `npx shadcn@latest add` with the block's registry URL, such as /r/radix/reviews-accordion-expandable.json for Accordion Expandable Reviews. The code is copied into your project and it's yours to edit.

The block's file and the components it imports: Accordion Expandable Reviews brings Accordion, Avatar, Button, Guides, Rating and Toggle, installed before it. Nothing else changes in your project.

Use the filters above the grid: 14 kinds of reviews block, led by score summaries (12), insights and trends (10), criteria and compare (9) and lists and pages (9), and sort by popular or name. A good first look: Accordion Expandable Reviews, Advanced Sort Reviews and Aggregate Score Reviews. Each card opens the block's live page.

Every block draws the same page column and side rails with a top rule only (the Guides component), so a reviews block lines up with the one above and below it. Stack one per section and the rails read as a single drawing; pick across the scores and insights, reading reviews and collect and manage kinds.

Open its page and use the full-screen viewer (/view/reviews/radix/accordion-expandable) or the device-width previews. Every preview is free for everyone; only the code needs Pro.

Each reviews block uses semantic HTML: one heading level, real lists and labelled controls. Interactive parts sit on Radix UI, a headless library that follows the WAI-ARIA patterns, and the layouts use logical properties so they hold in right-to-left languages.

Yes. They use semantic tokens only (bg-card, text-muted-foreground), never palette colors, so they follow your preset, radius and dark mode. The primary color marks one action per block and is never a background.

No animation library: the reviews blocks' motion is CSS (transitions, entrance animations and SVG), and it stands still under prefers-reduced-motion.

The previews are free for everyone. The code of all 100 reviews blocks is Pro, as is every block: Pro unlocks the code, the install command and the MCP.

Only with a Team or Organization license: client work, SaaS products and anything your users pay for. The Individual license is for personal, non-commercial projects. See the license page for the full terms.

You keep using what you installed in your existing projects, but get no new downloads or updates, and the MCP stops answering. A Lifetime license includes all future updates.

No. You can use them in your own End Products, but not redistribute the code or designs on their own, or in a UI library, kit, template or website builder.

With Pro, yes: the MCP server (22 tools, one personal URL from /dashboard/mcp) lets your agent search_blocks for a reviews block, read it with get_block and install it on your React on Radix UI stack.

Pass `category: "reviews"` to search_blocks to search only the 100 reviews blocks, or to list_blocks for the 14 groups with their blocks. get_block then returns one with its install command.

plan_page plans a page as a stack of blocks for a brief. Pass `sections` with category ids, such as ["hero", "reviews", "footer"], to force the order; each section gets a pick and two alternatives, and get_block installs the stack.