Lightweight And Simple Image Carousel In Vanilla JavaScript | Crystal Slider

CrystalSlider.js is a standalone vanilla JavaScript plugin that allows you to create a responsive, drag/touch-enabled, easy-to-use image scrollbar/carousel for your web applications.

responsive automatic image slider in html, image gallery slider, slider for mobile view, beautiful carousel slider, pure javascript image slider, responsive slider free download


  • Lightweight slider with minimal required functionality written in vanilla JS;
  • no dependencies
  • Responsive
  • Touch device support
  • Easy to use

Lightweight and Supports Touch Swiper Slider in Pure JavaScript | Tiny-Swiper

How to make use of it:


npm install crystalslider

1. Create a <div class=”crystal-slider”> and a <div> inside for each slide:

<div class="crystal-slider">
    <img src="img/slide-1.jpg" alt="">
    <img src="img/slide-2.jpg" alt="">
    <img src="img/slide-3.jpg" alt="">

2. Include crystalslider.css and crystalslider.min.js:

<link rel="stylesheet" href="css/crystalslider.css">
<script src="js/crystalslider.min.js"></script>

3. And the last step – calling the plugin by selecting the desired delimiter in the options:

  const crystalSlider = new CrystalSlider({
    selector: 'your-selector' // .crystal-slider – default selector



prevSlide()slides to the previous slide
nextSlide()slides to the next slide
goToSlide(index)slides to a slide with the set index (option {Number})
play()start auto changing slides
stop()stop auto changing slides
isEnabledOption(option)returns true if the option is enable (option {String})
destroy()destroy the slider instance
reinit(options)slider reinit with new options (options {Object})

Mobile-friendly Image Carousel, Crystal Slider Plugin/Github

See Demo And Download

Official Website(VadimBogomazov): Click Here

This superior jQuery/javascript plugin is developed by VadimBogomazov. For extra advanced usage, please go to the official website.

Related Posts


Generating Beautiful Vector Graphs With jQuery | smartGraph

SmartGraph is a free and easy-to-use JavaScript library to create beautiful vector diagrams with many customizations. This plugin allows developers to create dynamic, responsive, draggable vector graphics…


Image Slider With 20 Cool Transitions Component | vue-flux

Vue flux is an image slider developed with Vuejs 2 that comes with 20+ nice transitions out of the box. Included transitions 2D transitions Fade: Fades from…


Simple background Image Parallax Scroll Plugin In jQuery

Background parallax effect is a simple jQuery background image without any library. Uses jQuery’s scroll() function to track the scroll event and applies the exact parallax scroll…


Modular Color Picker Plugin for Bootstrap | BS Colorpicker

Bootstrap Colorpicker is a standard color picker plugin for Bootstrap 4. Colorpicker Plugin for Bootstrap 5/4/3 frameworks that allow you to add a color picker to an…


GDPR Friendly iFrame Manager In Vanilla JS | iframemanager

IframeMananger is a lightweight JavaScript plug-in that helps you to comply with GDPR by completely removing iframes at first and setting a notice related to that service….


Diagonal Thumbnails Carousel Slider | Anime.js

Diagonal Slider is a cool mini carousel made with Anime.js JavaScript library. It takes a bunch of pictures and turns them into a circular user interface where…