N
neokit

Rating

A star-rating input built with DaisyUI's rating class. Uses hidden radio inputs styled as masked star icons. Supports full stars, half stars, sizes, color tokens, and pre-selected values.

Default

Five stars, none selected.

rating default

Pre-selected value

Set value to highlight stars 1–max.

rating pre-selected
1
2
3
4
5

Colors

Color tokens change the star fill color.

rating colors
primary
secondary
accent
info
success
warning
error
neutral

Sizes

Five sizes: xsxl.

rating sizes
xs
sm
md
lg
xl

Half stars

half prop doubles the inputs using half-mask shapes.

rating half

Custom max

Use max to show 3 or 10 stars instead of the default 5.

rating custom max
3 stars
10 stars

Product review

Real-world rating inside a review card.

rating product review

Mechanical Keyboard Pro

Verified purchase · March 2026

Excellent build quality and the tactile feedback is satisfying. Shipping was fast. Would recommend to any developer.

Was this helpful?

Rating summary

Display aggregate rating distribution.

rating summary
4.3
128 reviews
5 62%
4 22%
3 10%
2 4%
1 2%