All Projects → jssor → Slider

jssor / Slider

Licence: mit
Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Slider

Swiper
Most modern mobile touch slider with hardware accelerated transitions
Stars: ✭ 29,519 (+1342.77%)
Mutual labels:  mobile, swipe, gallery, slider, carousel, touch
React Responsive Carousel
React.js Responsive Carousel (with Swipe)
Stars: ✭ 1,962 (-4.11%)
Mutual labels:  mobile, swipe, gallery, slider, carousel
Vue Gallery
📷 Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
Stars: ✭ 405 (-80.21%)
Mutual labels:  mobile, gallery, slider, carousel, touch
Keen Slider
The HTML touch slider carousel with the most native feeling
Stars: ✭ 3,097 (+51.37%)
Mutual labels:  slideshow, mobile, slider, carousel, touch
Embla Carousel
A lightweight carousel library with fluid motion and great swipe precision.
Stars: ✭ 1,874 (-8.41%)
Mutual labels:  slideshow, mobile, slider, carousel, touch
react-gallery-carousel
Mobile-friendly gallery carousel 🎠 with server side rendering, lazy loading, fullscreen, thumbnails, touch, mouse emulation, RTL, keyboard navigation and customisations.
Stars: ✭ 178 (-91.3%)
Mutual labels:  gallery, responsive, touch, carousel, swipe
skeleton-carousel
Carousel component. Horizontal and vertical swipe navigation
Stars: ✭ 31 (-98.48%)
Mutual labels:  gallery, slider, carousel, swipe
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-94.28%)
Mutual labels:  mobile, swipe, slider, touch
Ngx Gallery
Angular Gallery, Carousel and Lightbox
Stars: ✭ 417 (-79.62%)
Mutual labels:  slideshow, gallery, carousel
Splide
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.
Stars: ✭ 786 (-61.58%)
Mutual labels:  swipe, slider, carousel
Angular2 Carousel
An lightweight , touchable and responsive library to create a carousel for angular 2 / 4 / 5
Stars: ✭ 26 (-98.73%)
Mutual labels:  carousel, touch, responsive
React Grid Carousel
React responsive carousel component w/ grid layout
Stars: ✭ 29 (-98.58%)
Mutual labels:  gallery, slider, carousel
Cupertino Pane
🎉📱Multi-functional panes and boards for next generation progressive applications
Stars: ✭ 267 (-86.95%)
Mutual labels:  mobile, swipe, touch
Egjs Flicking
🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
Stars: ✭ 937 (-54.2%)
Mutual labels:  mobile, slider, carousel
Noodel Js
User interface for responsive, dynamic content trees
Stars: ✭ 173 (-91.54%)
Mutual labels:  slideshow, carousel, responsive
Vue Picture Swipe
🖼 Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe
Stars: ✭ 322 (-84.26%)
Mutual labels:  swipe, gallery, carousel
Hammer Slider
DISCONTINUED - HammerSlider touch is a lightweight infinite carousel plugin.
Stars: ✭ 21 (-98.97%)
Mutual labels:  slider, carousel, touch
React Items Carousel
Items Carousel Built with react-motion and styled-components
Stars: ✭ 150 (-92.67%)
Mutual labels:  mobile, carousel, responsive
React Easy Swipe
Easy handler for common swipe operations
Stars: ✭ 85 (-95.85%)
Mutual labels:  mobile, swipe, touch
React Siema
ReactSiema Demo
Stars: ✭ 90 (-95.6%)
Mutual labels:  gallery, slider, carousel

Responsive Javascript Image/Text Slider/Slideshow/Gallery/Carousel

  1. Live Demo
  2. Create Slider Online Free
  3. https://www.jssor.com/development
  4. Support: Ask a question on StackOverflow

Example

<script src="jssor.slider.min.js"></script>
<div id="jssor_1" style="position:relative;top:0px;left:0px;width:980px;height:380px;overflow:hidden;">
    <div data-u="slides" style="position:absolute;top:0px;left:0px;width:980px;height:380px;overflow:hidden;">
        <div><img data-u="image" src="image1.jpg" /></div>
        <div><img data-u="image" src="image2.jpg" /></div>
    </div>
</div>
<script>
    var options = { $AutoPlay: 1 };
    var jssor_1_slider = new $JssorSlider$("jssor_1", options);
</script>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].