Dependency free JavaScript ES6 slider

A slider and a dependency JavaScript carousel ES6. It is light, flexible and fast. Designed to slide. No less no more.

  • Free of dependencies. Everything inclusive, ready to use.
  • Light. Only ~ 23kb (~ 7kb gzippt) with all functions on board.
  • Modular. Remove unused modules and further reduce the script weight.
  • Expandable. Insert your own modules with additional functions.
  • Bundler ready. Do you use Rollup or Webpack? We have your back.

Download the files using the download link. Then place the each files to corresponding folder.

CSS : Call css files to header


<!-- Required Core stylesheet -->
<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.core.min.css">

<!-- Optional Theme stylesheet -->
<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css">

Add the below markup to the HTML

<div class="glide">
  <div data-glide-el="track" class="glide__track">
    <ul class="glide__slides">
      <li class="glide__slide"></li>
      <li class="glide__slide"></li>
      <li class="glide__slide"></li>
    </ul>
  </div>
</div>

Please download the files using the below links and follow the informations

Read More Demo Download