Know how users feel, right where it happens
Ask for a quick rating under an AI answer, after an export, or once someone has settled in. Stars, 1‑10, emotions or thumbs, with an optional comment.
Try it live
This is the real rating widget, running right here.
- 1Rate the AI answer
- 2Try each rating style
- 3Export to get asked in a popup
How do I invite my team?
Open Settings, choose Members, then copy the invite link and share it with your team.
Try the demo on the left. What the widget sends shows up here.
Runs in your browser. Nothing you send here is stored.
How it works
Rating widget in three steps
- 1
Pick a style
Stars, a 1‑10 range, emotion faces or thumbs up and down.
- 2
Choose when to ask
Inline, as a popup after an action, or from a floating button.
- 3
Read the results
Scores, comments and trends for every rating key.
What you get
Free to start. Marked features come with paid plans.
Four rating styles
Match the question: thumbs for AI answers, emotions for onboarding, stars for anything.
Comments when they matter
Ask for a comment always, after rating, or only below a score you choose.
Never asks twice
One rating per visitor per subject, and retries never save a rating twice.
Accessible by default
Full keyboard support, screen reader labels and a focus-trapped popup.
Built for
Where teams use it most
AI responses
A thumbs rating under each answer, broken down by model or prompt.
After key actions
Ask right after an export, a checkout or a finished setup.
Overall satisfaction
A floating “Rate us” button, or a popup after a few visits.
Rate anything in a few lines
Install the package and drop it in
import { Rating } from "@roastnest/react";
function Message({ message }) {
return (
<div>
<p>{message.text}</p>
<Rating
ratingKey="ai-response"
subject={{ type: "ai_response", id: message.id }}
variant="thumbs"
layout="compact"
/>
</div>
);
}Works with the other widgets
One SDK, one provider, one dashboard
Frequently Asked Questions
About the rating widget