About
A customizable star rating component that supports read-only display and interactive input modes.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Rating to your project and fits it to your theme.
Code
How Rating is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Rating } from '@/components/ui/rating';
export default function RatingDemo() {
return <Rating rating={4.5} showValue={true} />;
}
















