Ratings

  1. Advance UI
  2. Ratings

Rater Js

Rater-js is a star rating widget for the browser. here are the various examples of rating shown below with variation.

Title Example Description
Basic Rater 
<div id="basic-rater" dir="ltr"></div>
Rater with Step 
<div id="rater-step" dir="ltr"></div>
Custom Messages 
<div id="rater-message" dir="ltr"></div>
Example with unlimited number of stars. readOnly option is set to true. 
<div id="rater-unlimitedstar" dir="ltr"></div>
On Hover Event 
<div dir="ltr">
    <div id="rater-onhover" class="align-middle"></div>
    <span class="ratingnum badge bg-info align-middle ms-2"></span>
</div>
Clear/Reset Rater 
<div dir="ltr">
    <div id="raterreset" class="align-middle"></div>
    <span class="clear-rating"></span>
    <button id="raterreset-button" class="btn btn-light btn-sm ms-2">Reset</button>
</div>
 
<div data-simplebar style="max-height: 220px;">
    ...
</div>
Customizer
Steex Builder

Choose your themes & layouts etc.

Layout

Choose your layout

Vertical
Horizontal
Two Column
Theme

Choose your suitable Theme.

Default
Material
Creative
Minimal
Modern
Interaction
Color Scheme

Choose Light or Dark Scheme.

Light
Dark
Coming Soon
Brand
Layout Width

Choose Fluid or Boxed layout.

Fluid
Boxed
Layout Position

Choose Fixed or Scrollable Layout Position.

Topbar Color

Choose Light or Dark Topbar Color.

Light
Dark
Preloader

Choose a preloader.

Enable
Disable
Buy Now
© Steex.
Design & Develop by Themesbrand