Skip to content
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
build chore(): Update rollup/rollup package and building script Jul 15, 2018
dist chore(): Bump v3.2.7 Mar 22, 2019
entry - Use camelcase for names inside components Mar 1, 2018
src fix(swipe): Remove movable flag that caused blocking of swiping (#330) Mar 22, 2019
tests feat(run): Introduce bound option for align slides to the end edge (#195 Jun 28, 2018
.babelrc Add EOF to dotfiles May 13, 2018
.editorconfig Add EOF to dotfiles May 13, 2018
.eslintrc Cleanups Nov 19, 2017
.gitignore chore(): Organize .gitignore file Jul 15, 2018
.stylelintrc Cleanups in tests; Reformat transformers Nov 19, 2017
.travis.yml Add EOF to dotfiles May 13, 2018
LICENSE chore(): Add donation section to the README Nov 24, 2018


Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

Build Status

What can convince you:

  • Dependency-free. Everything included, ready for action.
  • Lightweight. Only ~23kb (~7kb gzipped) with every functionality on board.
  • Modular. Remove unused modules and drop script weight even more.
  • Extendable. Plug-in your own modules with additional functionalities.
  • Bundlers ready. Using Rollup or Webpack? We have your back.


Visit for documentation.

Looking for old documentation? Wiki contains archived documentation of Glide.js in version ^2.0.0.


Glide.js is an open source project licensed under the MIT license. It's completely free to use. However, it would be great if you buy me a cup of coffee once in a while to keep me awake :)

  • PayPal
  • Bitcoin (BTC) - 3LS37Xzyiwthmi73GeBrFXcYzJkbV32k4o
  • Ether (ETH) - 0xB5a1272b14fB4d794bdEaaC72ea9520c8D9fC74A
  • Litecoin (LTC) - MA9o1Tcj6VDwKGg1ez4yPngAhTcy988c2S

Getting started

Pull-in a latest version with NPM ...

npm install @glidejs/glide

... provide <link> to the required core stylesheet. You can also optionally add an included theme stylesheet ...

<!-- 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">

... then, prepare a little bit of necessary markup ...

<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>

... and finally, initialize and mount a Glide.

import Glide from '@glidejs/glide'

new Glide('.glide').mount()

Need a few selected modules? Import and mount only what you need.

import Glide, { Controls, Breakpoints } from '@glidejs/glide/dist/glide.modular.esm'

new Glide('.glide').mount({ Controls, Breakpoints })


The issue channel is especially for improvement proposals and bug reporting. If you have implementing problems, please write on StackOverflow with glidejs tag.

Browser Support

  • IE 11+
  • Edge
  • Chrome 10+
  • Firefox 10+
  • Opera 15+
  • Safari 5.1+
  • Safari iOS 9+


Build using NPM scripts. The following scripts are available:

  • build:css - Outputs CSS files from SASS files.
  • build:js - Outputs all destination variants of the script.
  • build - Comprehensively builds the entire library.
  • test - Runs complete test suite.
  • lint - Lints library JavaScript files.



Copyright (c) 2014-present, Jędrzej Chałubek. Licensed under the terms of the MIT License.

You can’t perform that action at this time.