MarovStudio
Back to marketplace

Rating Stars

Star rating with hover and click

Data displayratingstarsreviewhoverinput

4 out of 5

Code locked
"use client";

import { Star } from "lucide-react";
import { useState } from "react";

export function RatingStars() {
  const [rating, setRating] = useState(4);
  const [hover, setHover] = useState(0);

Sign in to see the code

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Free — no card required.

Related components

Revenue

₼12,480

+12.4%vs last month

Refunds

₼310

−4.1%vs last month

Stat Card

Data display · Stat card with a trend delta

  1. Order placed

    09:12

  2. Payment confirmed

    09:13

  3. Packed

    11:40

  4. Out for delivery

Timeline

Data display · Timeline for order tracking