KokonutUI Logo

FB-05FeedbackNew, November 10, 2026

Helpful Rating

A page rating whose face changes with each answer, then asks what went wrong or what helped, with quick reasons and an optional note.

Install with
motion

PRODither Reveal Hero and more like it are in Kokonut UI Pro

Installation

Helpful Rating is a free, open-source React component in the Kokonut UI Feedback collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/helpful-rating.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/helpful-rating

Usage

import HelpfulRating from "@/components/kokonutui/helpful-rating";

export default function Example() {
  return <HelpfulRating />;
}

Dependencies

Built with React, Tailwind CSS and motion.

On this page

No Headings