Dev Design LibraryRating Components
Dev Design Library indexes 50 rating components from 24 open-source UI libraries, with the most coming from ReUI, Origin UI, ReactFrame, Shadcn Space and Halaska UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Rating components belong to the Inputs group.
RatingMUI / Material UI · React
Peek RatingReact Bits · ReactStar rating you can try before you commit: sweeping the row lifts a trailing wave of stars up to the pointer while a…
RatingdaisyUI · CSS (Tailwind)
RatingChakra UI · ReactUsed to show reviews and ratings in a visual format.
Comp 157Origin UI · React
Rating GroupArk UI · ReactAllows users to rate items using a set of icons.
Basic rating.ReUI · ReactBasic rating.
Rating GroupPark UI · ReactA form input component for capturing user ratings and reviews.
Helpful RatingKokonut UI · React"A page rating whose face changes with each answer, then asks what went wrong or what helped, with quick reasons and…
Rating BadgeUntitled UI React · React
Face RatingSpectrum UI · ReactA five-level feedback rating where one large SVG face morphs its mouth, eyes and color between moods as you hover and…
RatingPanel UI · React NativeA row of stars to read or set a score.
Button Group 13 - Star RatingShadcn Space · ReactInteractive star rating button group with hover preview and pop animation
Star RatingKinetics · HTML/CSSHover previews a value, click locks it with a pop
Rating ScrubSwiftPieces · SwiftUIA star rating you tap or scrub: the stars fill and rise under the finger while a glass readout rides along and the…
RatingShark UI · ReactShow reviews and ratings in a visual format.
RatingArc Library · ReactA simple, accessible way to capture a numeric opinion.
Star RatingUI Lab · ReactHover to preview, click to commit with a little pop.
Feedback PatternHalaska UI · React
RatingSpaceUI · ReactAllows users to submit ratings or view average customer scores using interactive star icons with half-star precision.
Liquid RatingLiquefy UI · ReactStar rating input in liquid glass style.
RatingEaseUI · ReactA row of stars that previews the score on hover, fills up to the pick in a quick wave, and moves one star at a time…
Airbnb ReviewsReactFrame · ReactA guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above a draggable autoplaying grid…
Rating Groupark-cn · ReactA shadcn-style rating group component built with Ark UI primitives.
Comp 167Origin UI · React
Rating with decimal value.ReUI · ReactRating with decimal value.
Rating StarsUntitled UI React · React
Star RatingSpectrum UI · ReactAn animated star rating input with hover-preview wave, pop and sparkle burst on commit, rolling value label, and…
Rating 01 - Star RatingShadcn Space · ReactA rating component that allows users to rate items on a scale of 1 to 5.
RatingHalaska UI · React
eBay ReviewsReactFrame · ReactA seller-feedback carousel with the eBay wordmark, aggregate rating header and CTA, above a draggable autoplaying grid…
Comp 168Origin UI · React
Rating with show value.ReUI · ReactRating with show value.
Rating 02 - Emoji RatingShadcn Space · ReactA emoji-based rating component that allows users to rate items on a scale of 1 to 5.
Etsy ReviewsReactFrame · ReactA shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of…
Comp 171Origin UI · React
Rating with editable.ReUI · ReactRating with editable.
Rating 03 - NPS Scale RatingShadcn Space · ReactA 0-10 numeric scale rating component for CSAT/NPS-style feedback surveys.
Rating StarsReactFrame · ReactAn animated star rating input with half-star precision, keyboard support, a dynamic low/mid/high color range, glow…
Comp 256Origin UI · React
Rating with size.ReUI · ReactRating with size.
Slider 02 - Emoji RatingShadcn Space · ReactEmoji rating slider with hover preview ghost bar and reactive emoji/label display.
Testimonial LogosReactFrame · ReactA compact trust bar, a star rating with a helped-N-teams label above an infinite, edge-masked logo marquee.
Comp 257Origin UI · React
Rating with review summaryReUI · ReactRating with review summary
Comp 323Origin UI · React
Interactive half-star ratingReUI · ReactInteractive half-star rating
Emoji reaction ratingReUI · ReactEmoji reaction rating
Rating with review text inputReUI · ReactRating with review text input
RatingReUI · ReactA customizable star rating component that supports read-only display and interactive input modes.
Libraries with rating components
Related categories
- React Rating Components
- Tailwind CSS Rating Components
- Animated Rating Components
- Input Components
- Text Input Components
- Select Components
- Form Field Components
- Form Components
- Textarea Components
- Switch Components
- Checkbox Components
- Slider Components
- Radio Components
- Combobox Components
- File Upload Components
- Search Input Components
- Date Picker Components
- Login Form Components
- Color Picker Components