Collection of 5 Vue Rating Components for Vue.js Application

The Rating component for Vue represents a widget that allows you to choose a rating. You can configure the Vue Rating items size, image and the number of displayed items. In this article, I will introduce you to 5 rating components that I have collected.

1. Star Rating Component for Vue 2.x

Need more than stars? Check out vue-rate-it with hundreds of different raters built in!

A simple, highly customisable star rating component for Vue 2.x.

Demo: https://jsfiddle.net/craig_h_411/992o7cq5/

Download: https://github.com/craigh411/vue-star-rating/archive/master.zip

2. VueStar

A like button with delightful star animation powered by Vue.js.

Download: https://github.com/OYsun/VueStar/archive/master.zip

3. V-Rating

Rating component in Semantic-UI made with VueJS (< 1kB, blazing fast)

Simple ui rating component for Vue made with Semantic-UI.

This is on GitHub so let me know if I’ve b0rked it somewhere, give me a star :star: if you like it :beers:

Demo: https://codesandbox.io/s/qklrp5nwn4?fontsize=14

Download: https://github.com/vinayakkulkarni/v-rating/archive/master.zip

4. vue-dynamic-star-rating

A Highly Customizable, easy-to-use elegant stars rating component (similar to Google Play)

Demo: https://codesandbox.io/s/9846q4oz4r

Download: https://github.com/JonathanDn/vue-stars-rating/archive/master.zip

5. Flexible VueJS

Flexible VueJS input control for ratings (stars, etc.)

Demo: https://tallent.us/vue-stars/

Download: https://github.com/richardtallent/vue-stars/archive/master.zip

I hope you like them!

#vue #vue-rating #rating-component #star-rating