vue-rating-kitStar rating for Vue 3

Lightweight, accessible, TypeScript-first. Zero runtime dependencies.

Precision Ratings

Configurable step values (0.5, 0.25, 0.2, 0.1) with fractional visual rendering for half, quarter, and tenth stars.

Automatic right-to-left behavior via the native HTML dir attribute. No extra configuration required.

Tap to select and drag across stars to preview ratings on touch devices. RTL-aware.

Replace the default star with any inline content — emoji, SVG, or custom HTML — via the filled and empty named slots.

Named presets (sm, md, lg) scale both star size and gap. Pass a number for an exact pixel size.

Control filled, empty, and hover colors via props. Override at the theme level with CSS custom properties.

All browser APIs are properly guarded. Works in Nuxt 3 and Vite SSR environments without configuration.

Strict types for props, events, and slots. Full IntelliSense support out of the box.