Rating · stars
Star ratings with a hover preview, halves, hearts or any glyph, word labels, keyboard control and a little pop — plus exact read-only scores and a review summary with animated breakdown bars.
Pick a score · hover previews · the same star again clears it · or ← → and 1–5
Halves · hearts · any glyph · ten steps
Half stars
3.5
Hearts
Spice level
🔥🔥
🔥🔥
🔥🔥
Hot
Out of ten
7
Read-only · any fraction · a summary with the breakdown
Noise-cancelling headphones
Rated 4.3 out of 5
4.3
4.3 from 1,284 reviews
4.3
Usage
import { signal } from "./index.js";import { Rating, RatingSummary } from "./components/rating.js"; const stars = signal(0);Rating({ value: stars, labels: ["Awful", "Poor", "Okay", "Good", "Loved it"] })Rating({ value: score, allowHalf: true, showValue: true })Rating({ value: likes, icon: "heart", tone: "danger" }) // "star" | "heart" | "circle" | "thumb" | "🔥"Rating({ value: 4.3, readOnly: true, size: "sm" }) // any fraction, drawn exactly RatingSummary({ average: 4.3, distribution: [812, 301, 98, 40, 33], onFilter: (stars) => … })