Rating BadgeFree

Editorial rating with sequentially drawn stars, review count, and a soft luminous edge.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSFramer Motion

Props

PropTypeDescription
ratingnumberScore from 0–5 (supports halves)
countnumberReview count shown beside the score
sourcestringAttribution label (e.g. "Product Hunt", "G2")
variant'visual' | 'editorial'Glass pill or hairline rule
compactbooleanHide source and tighten spacing
classNamestringStyles for the outer shell

More Trust Components

Maya Chen
Maya Chen
James Okonkwo
James Okonkwo
Sofia Reyes
Sofia Reyes
Noah Berg
Noah Berg
+2

Joined by 2.4k builders

Layered portraits with grayscale-to-color hover, spring lift, and a glass +N counter.