vue-concise-slider - vue-concise-slider,A simple vue sliding component

  •        206

vue-slider,A simple sliding component,has easy configuration,support self-adaption / fullscreen / button / page,and is compatible with mobile and PC terminal

https://github.com/warpcgd/vue-concise-slider

Dependencies:

babel-preset-env : ^1.7.0
babel-runtime : ^6.26.0
eslint : ^2.10.2
vue : ^2.5.13
webpack : ^3.12.0
webpack-bundle-analyzer : ^2.13.1

Tags
Implementation
License
Platform

   




Related Projects

vue-slider-component - Can use the slider in vue1.x and vue2.x(vue滑块组件)

  •    Vue

if the component initialization in a v-show="false" / display: none container or use transform / animation / margin to change the location of the component, there may be an exception ( The slider cannot be used, because the component can not initialize the size or slider position ). # When using the template element as a slot, can add special properties scope or slot-scope to get the value.

hooper - 🎠 A customizable accessible carousel slider optimized for Vue

  •    Javascript

Vue.js carousel component, optimized to work with Vue. If you are using PurgeCSS, make sure to whitelist hooper css When importing hooper/dist/hooper.css.

vue-swipe - A touch slider for vue.js.

  •    Vue

vue-swipe is a touch slider for vue.js.How to change swipe? Just use ref and call goto method like this.$refs.swipe.goto(newIndex) to change swipe item, see example code.

vue-agile - Carousel component for Vue.js

  •    Vue

Carousel component for Vue.js inspired by Slick. More powerful with each version, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency). 🤝 Thanks to Maciej Wach for inventing the name, testing and motivation.


vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js

  •    Javascript

Feel free to submit issues and feature requests here. This will make <carousel-3d> and <slide> available to all components within your Vue app.

vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js

  •    Javascript

WARNING: vue-carousel is at pre-alpha stage of development and may undergo significant changes. Feel free to submit issues and feature requests here.

Nivo-Slider-jQuery - Nivo Slider - The Most Awesome jQuery Image Slider

  •    Javascript

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning.WordPress Plugin: https://themeisle.com/nivo-slider/ for more info.

angularjs-slider - Slider directive for AngularJS 1.X. No dependencies and mobile friendly.

  •    Javascript

I'm looking for a maintainer for this project. I have lost my Open Source Stamina for this project and I will probably not push any code to this project anymore (unless, I find some motivation later). I will try to merge pull requests if some are submitted, but only if they are really clean.Slider directive implementation for AngularJS 1.X, without any dependencies: http://angular-slider.github.io/angularjs-slider.

FlexiColorPicker - A pure JavaScript color picker - no images, external libraries, CSS or 1px divs.

  •    Javascript

FlexiColorPicker is based on HSV color model. The only two parts of the color picker are therefore the slider for selecting hue value and the picker for selecting saturation and value. Both the slider and picker are HTML elements (usually <div>'s) that serve as wrappers for SVG/VML gradient rectangles. The slider gradient rectangle represents the hue value (gradient with 9 stop-colors). The two overlapping black and white gradient rectangles of the picker represent the saturation and value values. The top level elements (<svg> in case of SVG enabled browser and <div> in case of VML enabled browser) that wrap each of the slider and picker gradient rectangles have set width and height to 100% which means that the color picker components (slider and picker) adjust themselfs automatically to the dimensions of the slider and picker HTML elements. This is the no-hassle form of creating the color picker. This is the recommended call.

AnythingSlider - A jQuery Slider plugin for anything.

  •    CSS

Just what the world needs, another jQuery slider. YAWN. I know, check this one out though, it's got lots of cool features. Here on CSS-Tricks, I've created a number of different sliders. Three, in fact. A "featured content" slider, a "start/stop slider", and "moving boxes". Each of them had some cool interesting feature that I needed to build at the time. All were well-received, but as is the case with these things, people want them to do X, Y, and Z in addition to what they already did. This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really "full featured" slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.

swipe - Swipe is the most accurate touch slider. Support both React and Angular.

  •    Javascript

Swipe is the most accurate touch slider. It is extremely lightweight (only 6kb minified) and works across all browsers, including IE7+. You can install this package directly via Bower bower install swipe-js or NPM npm install swipejs.

glide - A dependency-free JavaScript ES6 slider and carousel

  •    Javascript

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