Tailwind CSS Rating Components

Dev Design Library indexes 39 Tailwind CSS rating components from 14 open-source UI libraries, with the most coming from ReUI, Origin UI, ReactFrame, Shadcn Space and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Rating components belong to the Inputs group.

• RatingdaisyUI · CSS (Tailwind)
• Comp 157Origin UI · React
• Basic rating.ReUI · ReactBasic rating.
• 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
• RatingShark UI · ReactShow reviews and ratings in a visual format.
• Star RatingUI Lab · ReactHover to preview, click to commit with a little pop.
• RatingSpaceUI · ReactAllows users to submit ratings or view average customer scores using interactive star icons with half-star precision.
• 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.
• 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 Tailwind CSS rating components

• ReUI
• Origin UI
• ReactFrame
• Shadcn Space
• Spectrum UI

Related categories

• Rating Components
• React Rating Components
• Animated Rating Components
• Tailwind CSS Input Components
• Tailwind CSS Text Input Components
• Tailwind CSS Select Components
• Tailwind CSS Form Field Components
• Tailwind CSS Form Components
• Tailwind CSS Textarea Components
• Tailwind CSS Checkbox Components
• Tailwind CSS Switch Components
• Tailwind CSS Slider Components
• Tailwind CSS Radio Components
• Tailwind CSS Combobox Components
• Tailwind CSS File Upload Components
• Tailwind CSS Search Input Components
• Tailwind CSS Date Picker Components
• Tailwind CSS Login Form Components
• Tailwind CSS Color Picker Components