220 best open source slider projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 220 results

bootstrap-slider - A complete rewrite of the original bootstrap-slider by Stefan Petre.

Javascript

Slider view component for Twitter Bootstrap.

bootstrap slider twitter slide

vue-awesome-swiper - 🏆 Swiper component for Vue.

Swiper component for Vue

swipe slide vue vue-swiper vue-components vue-awesome-swiper ssr nuxtjs nuxt vuejs vuejs2 vue2 vue-component vue-resource carrousel slides slider swiper vue-plugin vue-directive awesome-swiper vue-carrousel vue-slide

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

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.

swipe slider vue

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.

ideal image slider

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.

nivo image slider jquery jquery-plugin

Highslide - Javascript thumbnail viewer

Javascript

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

image-viewer gallery slider thumbnail-viewer slideshow image-map

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.

slider-directive range-slider slider-range angular slider angularjs angular-component

JQuery LightSlider - Lightweight responsive Content slider with carousel thumbnails navigation

Javascript

JQuery lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation.

image-viewer gallery thumbnail-viewer slider slideshow carousel thumbnail jquery-plugin

flickity - :leaves: Touch, responsive, flickable carousels

Javascript

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

touch responsive flick slider carousel gallery dom browser

AnythingSlider - A jQuery Slider plugin for anything.

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.

customizable effects slider video

wallop - A minimal JS library for showing & hiding things

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.

minimal slider css animation js responsive wallop

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.

range-slider slider rangeslider range ranger range-picker rangeslider-js jquery-plugin ecosystem:jquery form input interface diapason ui noui skins

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.

sequence sequence.js sequencejs slider carousel animation animation-framework css-animation

vue-starter - A flexible, scalable, opinionated boilerplate for production-ready PWAs with focus on performance, development speed, and best practices

TypeScript

A flexible, scalable, opinionated boilerplate for production-ready PWAs with focus on performance, development speed, and best practices

vue vuex vue-router webpack typescript jest code-generation server-side-rendering isomorphic progressive-web-app vue-meta seo boilerplate coverage i18n vue-i18n vuex-persist kitchensink enterprise datepicker slider forms components

vue-slider-component - Can use the slider in vue1.x and vue2.x（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.

vue1 vue2 vue-component vue-slider-component slider vue-slider range range-slider

vue-ydui - A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。

A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。

vue mobile ui vue2 component datetime slider dialog popup backtop ydui-touch ydui vue.js vue2.js components framework vue2-ui vue2-components mobile-ui

react-mdl - React Components for Material Design Lite

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabs

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.

flexslider slider woocommerce automattic