Displaying 1 to 20 from 209 results

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.

Ideal-Image-Slider-JS - Quite simply the ideal Image Slider in vanilla JS.

  •    Javascript

Ideal Image Slider is written in vanilla JS and has no dependancies.Next you need to include the CSS file in the <head> section of your HTML and you need to include the script before the </body> tag in your HTML. Note you can optionally include a theme CSS file in the <head> too.




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.

Highslide - Javascript thumbnail viewer

  •    Javascript

Highslide JS is an image, media and gallery viewer written in JavaScript.

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.


flickity - :leaves: Touch, responsive, flickable carousels

  •    Javascript

See flickity.metafizzy.co for complete docs and demos.Link directly to Flickity files on unpkg.

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.

wallop - A minimal JS library for showing & hiding things

  •    CSS

wallop is a minimal 4kb library for showing & hiding things. ❗️Important note️ Version 1 of WallopSlider is not compatible with version 2+. If you are still using v1, please note that I am no longer supporting it. Documentation, etc. has been moved to this branch.

ion.rangeSlider - jQuery only range slider

  •    Javascript

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options. Or use the included PSD file and design a custom skin.

Sequence - The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications

  •    Javascript

The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications. Sequence.js provides all of the JavaScript functionality you need for step-based applications such as sliders and presentations, allowing you to concentrate on producing your content with style.

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.

FlexSlider - An awesome, fully responsive jQuery slider plugin

  •    Javascript

The master branch of this repository is always the latest development version of FlexSlider. Please view the Releases section for a list of official FlexSlider builds. We encourage contributions to FlexSlider and will review all pull requests submitted.

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

react-slick - React carousel component

  •    Javascript

For all available props, go here. This project exists thanks to all the people who contribute. [Contribute].

slick - the last carousel you'll ever need

  •    Javascript

PLEASE review CONTRIBUTING.markdown prior to requesting a feature, filing a pull request or filing an issue. In slick 1.5 you can now add settings using the data-slick attribute. You still need to call $(element).slick() to initialize slick on the element.