Animated Rating Components

Dev Design Library indexes 19 Animated rating components from 12 open-source UI libraries, with the most coming from ReactFrame, Shadcn Space, Spectrum UI, Kokonut UI and React Bits. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the rating components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Rating components belong to the Inputs group.

• 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)
• 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…
• 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
• RatingArc Library · ReactA simple, accessible way to capture a numeric opinion.
• Star RatingUI Lab · ReactHover to preview, click to commit with a little pop.
• 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…
• Star RatingSpectrum UI · ReactAn animated star rating input with hover-preview wave, pop and sparkle burst on commit, rolling value label, and…
• Rating 02 - Emoji RatingShadcn Space · ReactA emoji-based 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…
• Rating 03 - NPS Scale RatingShadcn Space · ReactA 0-10 numeric scale rating component for CSAT/NPS-style feedback surveys.
• Etsy ReviewsReactFrame · ReactA shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of…
• Rating StarsReactFrame · ReactAn animated star rating input with half-star precision, keyboard support, a dynamic low/mid/high color range, glow…
• Testimonial LogosReactFrame · ReactA compact trust bar, a star rating with a helped-N-teams label above an infinite, edge-masked logo marquee.

Libraries with Animated rating components

• ReactFrame
• Shadcn Space
• Spectrum UI
• Kokonut UI
• React Bits

Related categories

• Rating Components
• React Rating Components
• Tailwind CSS Rating Components
• Animated Input Components
• Animated Text Input Components
• Animated Select Components
• Animated Slider Components
• Animated Switch Components
• Animated Form Components
• Animated Textarea Components
• Animated Search Input Components
• Animated Checkbox Components
• Animated Segmented Control Components
• Animated Form Field Components
• Animated File Upload Components
• Animated Range Slider Components
• Animated Wheel Picker Components
• Animated Knob Components
• Animated Color Picker Components