Vue Slider Component

🌡 A highly customized slider component
Alternatives To Vue Slider Component
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Keen Slider3,96135a month ago100September 19, 202253mitTypeScript
The HTML touch slider carousel with the most native feeling you will get.
Splide3,8213225 days ago148September 21, 202244mitTypeScript
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Embla Carousel3,2413167 days ago184September 12, 20228mitTypeScript — A lightweight carousel library with fluid motion and great swipe precision.
Vue Ydui2,754108144 years ago128August 20, 2018189mitVue
A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
Egjs Flicking2,341314a month ago107September 15, 202239mitTypeScript
🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
Vue Slider Component2,2923942236 months ago195July 28, 202224mitTypeScript
🌡 A highly customized slider component
Front End Plugins944
2 years agoJavaScript
:whale2: Web 前端常用插件
Vue Concise Slider9203576 months ago61February 18, 202244Vue
vue-concise-slider,A simple vue sliding component
Vue Swipe916210164 years ago22April 18, 201842Vue
A touch slider for vue.js.
Vue Slick Carousel73385 months ago18July 05, 2020153otherVue
🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
Alternatives To Vue Slider Component
Select To Compare

Alternative Project Comparisons


downloads npm-version license

🎚 A highly customized slider component

English | 简体中文 | Русский

🍉 Vue3.x

This is still in beta and may contain unexpected bugs, please use with caution.


$ yarn add [email protected]
# npm install [email protected] --save

Breaking Changes

✨ Features

  • 🍖 More customizable
  • 👗 Multiple style themes
  • 🐳 Support for more sliders
  • 📌 Add marks
  • 🎉 Support SSR
  • 🍒 Support Typescript

📚 Documentation


Live Demo:

🎯 install

$ yarn add vue-slider-component
# npm install vue-slider-component --save

🚀 Usage

Vue 2
  <vue-slider v-model="value" />

import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  components: {

  data() {
    return {
      value: 0,
Vue 3
  <vue-slider v-model="value" />

<script setup>
import { reactive, toRefs } from 'vue'
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  setup() {
    const data = reactive({ value: 0 })
    return toRefs(data)


Detailed changes for each release are documented in the release notes.


If my code has helped you, please consider buy me a coffee ☕.



Popular Slider Projects
Popular Vue Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Server Side Rendering
Vue Component
Range Slider