Vuejs Range-slider Resources

Documentation and demos Version 5 documentation Version 6 documentation Version 6 demos Overview This is an image slider developed with Vuejs 2 which

Overview This is an image slider developed with Vuejs 2 which comes with 20 cool transitions out of the box. Demo You can view a demo here. Features F

Webpraktyk Vue Slider is a fully responsive and customizable Vue component slider and carousel. This component is compatible with Vue 3,

pgr A tiny pagination range creator for your pagination UI.

@morev/vue-swiper (still WIP) Wrapper under latest Swiper (8.1.4) with extra features working with Vue 2. SSR / Nuxt friendly. Most of part API is com

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Keen-Slider is a free library agnostic touch slider with native touch/swipe behavior and great performance. It comes with no dependencies, typescript support, multitouch support and is compatible with all common browsers including IE 10. Furthermore it comes with a React Hook, a React Native Hook and a Vue 3 Composition Function for easier use.

A Vue Component to pick a ranged datetime in calendar. Built alongside Vue 2.x . This datepicker utilize moment for translations.

A calendar component for vuejs.It offers four date selection modes (range selection, multiple selection, check in, radio)

A calendar (single, or range selection) made with vuejs that can render custom content on cells

Vue Baremetrics Calendar A Vue.js wrapper for the beautiful date-range picker made by the Baremetrics team. The Vue-Baremetrics date range picker is a

vue3-daterange-picker A modified date range picker to run on Vue 3. The componen

VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out

vue-easy-range-date-picker A simple range datepicker based on Vue2 Installation npm install --save vue-easy-range-date-picker Demo Try! Usage ES6 Modu

VueRangedatePicker Vue Date picker with range selection Demo https://bliblidotcom.github.io/vue-rangedate-picker/demo/ Installation npm install --save

vue-colorful-slider An easy-to-use and quite customizable slider for Vue.js Brig

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js. Documentation For full documentation, visit lite

vuejs-range-datepickers Component utilizing VueJS-Datepicker for a Data Range Select for VueJs. Installation npm npm install --save vuejs-range-datepi

Vue Calendar Input Simple, clean calendar input with single date select, or date range selection. Demo Installation yarn add v-cal-input or npm insta

VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo

A mobile components Library with Vue2.js

vue-hotel-datepicker A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custo

vue-hotel-datepicker A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custo

Release 1.0.9 https://github.com/joffreyBerrier/vue-hotel-datepicker/releases/tag/1.0.9 [email protected] 👊 👊 👊 An easier Calendar in Vue.js ?

vue-date-range-picker A vue component using Bootstrap 4 styles for date range selection Live demo (jsfiddle) Features Date range selection Compare fea

VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo

Documentation and demos Version 5 documentation Version 6 documentation Version 6 demos Overview This is an image slider developed with Vuejs 2 which

Vue Tailwind Pagination Simple Vue Pagination component that can be used in any

Hotel Datepicker A pure Javascript date range picker for hotels. Requires Fecha 4.0.0 or above and supports all modern browsers. Check the demo here.

🔥 Vue 3 Slider 🔥 Become a Stargazer Horizontal, vertical and circular sliders! Fully responsive, touch screen and keyboard control support! Table of

Vue Card Carousel Installation npm i vue-card-carousel You can choose to install either globally or locally: Globally: import Vue from 'vue' import A

vue-range-slider A range slider component based on vue (Vue滑块组件). Can use the slider in vue2.x. Live demos Demo01 Demo02 Demo03 Demo04 Demo05 Todo Bas

Vue Compare Image Simple Vue.js component to compare two images using slider. NOTE: React Version is also available! Demo DEMO Features Simple Respons

A NativeScript-Vue component for "Slide to unlock" Slide to unlock in iOS style with animations made with NativeScript-Vue. Works on iOS and Android.

vue-mj-daterangepicker Installation You need Vue.js version 2.0+. 1 Install via npm npm install vue-mj-daterangepicker yarn add vue-mj-daterangepicker

v-range-flyout A vue component that wraps a input type=number with a customizable range slider flyout. Live Demo Installation npm i --save v-range-fly

vue-active-swiper vue-active-swiper 是一个面向移动端、无依赖、轻量级的 vue轮播组件 English | 简体中文 示例 Basic Demo vue-active-preview 与 vue-active-swiper结合使用的 Live Demo 安装 np

English | 简体中文 c-swipe A swipe (touch slide) component for Vue2.x in mobile device. Only support touch event now. Install npm install c-swipe --save U

Vuetify Daterange Picker The missing date range picker for Vuetify JS you have been looking for. IN RED COLOR 🚨 This project is not maintained. I lov

vue-timed-content Shows or hides a content based on a given time range Demo Props Prop Description Type Required Default from Initial date Date true t

Tick'it: Countdown timers 👀 Overview ⏱ Tick'it is a single page application that allows users to view an array a countdown timers. These timer ranger

vue-mini-calendar DEMO http://vue-mini-calendar.vartan.md/ whith multiple modes: simple multiple range and multiple views inline grid-calendar input-d

vue-hotel-datepicker A pure Vue.js date range picker component without any other dependencies, for hotels date range selection and multi-purpose. Vue

vue-plain-slider 一个基于Vue的简单滑块/轮播组件 English Document 特性 获取异步数据 轻量级, 无其他依赖 导航, 分页 和 箭头 触摸、鼠标控制 水平或者垂直滑动, 左或右对齐 安装 npm install --save vue-plain-slider #

A date-range-picker follows the Material Design spec powered by vue.js

Usage Swipe only needs to follow a simple pattern. Here is an example: div id='slider' class='swipe' div class='swipe-wrap' div/div

Vue Date Range Picker Component Intellectual property of Oneway.mobi Notice This component is not meant to meet all the business requirements so divin

Overview pinch-slider is a touch slider for which can be zoomed or pinched for vue.js. Install $ npm install pinch-slider Import using module Import c

中文 | English vue-concise-slider vue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端 版本 v3.3.6 支持vue2.0+ v4.0.0 beta版本 特点 简单配置 轻量 (~35kB gzipp

Sticky-slider template ui-sticky-slider template #nav button :class="[$style.nav, $style.nav_prev]" type="button"←/button button :c

tiny-slider 2.0 for Vue Wrapper for Tiny slider for all purposes by ganlanyuan in Vue. Try it out! Firefox 12+, Chrome 15+, Safari 4+, Opera 12.1+, IE

∞ Vue Infinite Slide Bar 🎚 Infinite slide bar component (no dependencies and light weight 1.48 KB) 👀 Document & Demo Page LIVE DEMO 💻 Install npm i

Documentation and demos Version 5 documentation Version 6 documentation Version 6 demos Overview This is an image slider developed with Vuejs 2 which

Vue Glide Vue component on top of the Glide.js Documentation https://antonreshetov.github.io/vue-glide Install NPM Installing with npm is recommended

Hooper Vue.js carousel component, optimized to work with Vue. Features Easily customizable through rich API and addons. Touch, Keyboard, Mouse Wheel,

Vue H5 Swiper Slight vue slider component for H5 applications. Features Slight, only has better-scroll dependency. Support long content page. A great

Vue Slider A customizable horizontal slide menu for VueJs 2+ Installation NPM npm i @jeremyhamm/vue-slider Browser script src="https://unpkg.com/@

vue-custom-range-slider This is a simple vue-range slider, that supports custom values, labels and more. The component is based on use with v-model, t

vue-custom-range-slider This is a simple vue-range slider, that supports custom values, labels and more. The component is based on use with v-model, t

range-comp range-comp is Vue.js (= 3.2) web component that wraps around an html input of type 'range' with label and styling options. range-comp can

Building an accordion using VUEJS and Tailwind CSS Youtube video Here is the youtube video https://youtu.be/FRdHrYBN_Jc VueJS VueJS Docs - https://vue

Building a carousel from scratch using Vue.js Instead of going through a complex third-party library docs, I tried to figure out how to build a "multi

vuetify-swipeout This project is a swipe out example built with Vue, Vuetify and Swiper. Live Demo Features Vue CLI 3 + Webpack + vue-loader for singl

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more What can co

vue-concise-carousel Vue Concise Carousel is SSR and CSR friendly. An upgraded version from vue-carousel Full examples Table of Contents Installation

iv-slider A powerful slider plug-in based on Vue，Expansion of iview slider. English & 简体中文 Docs & Demo How to use npm i iv-slider -S Using in webpack

Free Online Courses In One Place - TELEUNI allows you to search a wide range of free online courses available on the Internet.

A round slider component for Vue JS, with range slider support. Also it can be any kind of arc slider such as pie shape, half / semi-circle, quarter circle shape sliders.

Vue Splide is the Splide component for Vue.

A simple range datepicker based on Vue2

vue-timed-content Shows or hides a content based on a given time range Demo Props Prop Description Type Required Default from Initial date Date true t

A quick prototype of having black-white slider over website content.

A Vue Component to pick a ranged datetime in calendar. Built alongside Vue 2.x . This datepicker utilize moment for translations.

vue-concise-slider,A simple vue sliding component

一个基于vue2.js和canvas的滑块拼图校验插件, 支持PC、移动端.

一个基于vue3.js和canvas的滑块拼图校验插件, 支持PC、移动端. Demo演示 Demo：https://portal.fuyunfeng.top/plugins_v3/index.html 在vue2.js中使用?: https://github.com/author-fuyf/sli

Simple Vue JS slider for Vue JS that pretty much takes what you throw at it.

Dictionary Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Cust

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

A second version of the lightweight lightbox inspired component for Vue.js with local video support and more features coming. If you're interested, see demo.

veeno veeno is a range slider component for vue based off of noUiSlider It supports all noUiSlider features. Installation You can install the package

ultrasites-vue-slider This is a dynamic content slider based on the Vue framework. You can render any contents, like texts, images or other ones. The

vue-onlySlider-x 内含支持vue1和vue2版本的组件各一个 默认是vue2的组件，vue1的组件相关文件，都放在 vue1.x目录中 Vue的移动端Slider组件。无依赖、功能单一，只有左右滑动功能。如果你需要的仅仅是一个banner，那你可能需要它！ DEMO 在移动端调试器或

Modern lightweight Vue 3 carousel component

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js. Documentation For full documentation, visit lite

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

Simple Vue JS slider for Vue JS that pretty much takes what you throw at it.

Vue form components with server side validation in mind About FormVuelar is a set of predefined vue form components which are designed to automaticall

vue-card-swipe A touch slider for vue.js, support sliding in any direction to switch cards, compatible with PC and mobile. Online Demo Install $ npm i

Vue 3 Slider Sponsors Other libraries @vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options. @vueform

Range slider with histogram for Vue 🚀 Quick Start If you are a try and learn developer, you can start trying the vue-histogram-slider now using codes

Textra A Vue.js add-on to slide your text. demo Installing npm i -D vue-textra Then inside your project, start using it: import Vue from 'vue' import

🎢 Vue Slide Bar A Simple Vue Slider Bar Component. Docs Document & Demo Page Install npm install vue-slide-bar --save or yarn add vue-slide-bar Usage

vue-circle-slider Circle slider component for Vue.js Table of contents Installation Usage Demo TODO intentions Installation npm install --save vue-cir

🎚 A highly customized slider component English | 简体中文 🍉 Vue3.x This is still in beta and may contain unexpected bugs, please use with caution. insta

Document | 中文文档 If the document is not accessible, please open an issue, I will fix it right away. v-md-date-range-picker Material Design DateRangePic

VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo

vue-date-range-picker A vue component using Bootstrap 4 styles for date range selection Live demo (jsfiddle) Features Date range selection Compare fea