Popularity

7.0

Stable

Activity

5.0

Stars 6,964

Watchers 137

Forks 788

Last Commit 10 days ago

Description

- Dependency-free

- Lightweight

- Modular

- Bundlers ready

Code Quality Rank: L5

Programming language: JavaScript

License: MIT License

Tags: Sliders ES6 Responsive Css3 Slider Touch Carousel Transitions Fast Lightweight Simple Webpack

Latest version: v3.4.1

Glide.js alternatives and similar libraries

Based on the "Sliders" category.
Alternatively, view Glide.js alternatives based on common mentions on social networks and blogs.

reveal.js

9.9 8.0 Glide.js VS reveal.js

The HTML Presentation Framework
Swiper

9.8 9.3 L4 Glide.js VS Swiper

Most modern mobile touch slider with hardware accelerated transitions

Appwrite - The open-source backend cloud platform

The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

Promo appwrite.io

impress.js

9.7 0.0 L4 Glide.js VS impress.js

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
slick

9.5 0.0 L1 Glide.js VS slick

the last carousel you'll ever need
PhotoSwipe

9.3 7.8 L3 Glide.js VS PhotoSwipe

JavaScript image gallery for mobile and desktop, modular, framework independent
Owl Carousel 2

7.9 0.0 Glide.js VS Owl Carousel 2

DEPRECATED jQuery Responsive Carousel.
unslider

7.1 2.9 Glide.js VS unslider

The simplest jQuery slider there is.
FlexSlider

7.1 0.0 Glide.js VS FlexSlider

An awesome, fully responsive jQuery slider plugin
Flickity

7.0 5.4 L5 Glide.js VS Flickity

:leaves: Touch, responsive, flickable carousels
bxSlider 4.2.14

6.9 0.0 Glide.js VS bxSlider 4.2.14

Responsive jQuery content slider
Tiny Slider 2

6.4 0.0 Glide.js VS Tiny Slider 2

Vanilla javascript slider for all purposes.
bespoke.js

6.2 0.0 L5 Glide.js VS bespoke.js

DIY Presentation Micro-Framework
Splide

5.8 4.8 Glide.js VS Splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Sequence

5.7 0.0 L2 Glide.js VS Sequence

The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
Keen-Slider

5.6 7.0 Glide.js VS Keen-Slider

The HTML touch slider carousel with the most native feeling you will get.
sly

5.5 0.0 L1 Glide.js VS sly

JavaScript library for one-directional scrolling with item based navigation support.
Embla Carousel

5.2 9.3 Glide.js VS Embla Carousel

www.embla-carousel.com — A lightweight carousel library with fluid motion and great swipe precision.
vegas

4.7 0.0 L2 Glide.js VS vegas

Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and Slideshows to DOM elements.
Strut

4.7 0.0 L2 Glide.js VS Strut

Strut - An Impress.js and Bespoke.js Presentation Editor
slidesJs

4.5 2.7 Glide.js VS slidesJs

SlidesJS is obsolete and no longer maintained.
slidr

4.2 0.0 L3 Glide.js VS slidr

add some slide effects.
Cycle2

3.7 0.0 Glide.js VS Cycle2

2nd gen cycling
basic-jquery-slider

3.3 0.0 Glide.js VS basic-jquery-slider

Simple to use, simple to theme, simple to customise.
vue-slick-carousel

3.2 0.0 Glide.js VS vue-slick-carousel

🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
nanogallery2

3.1 0.0 Glide.js VS nanogallery2

a modern photo / video gallery and lightbox [JS library]
Swiffy Slider

1.8 5.8 Glide.js VS Swiffy Slider

Super fast carousel and slider with touch for optimized websites running in modern browsers.
jcSlider

1.2 0.0 Glide.js VS jcSlider

:snowboarder: A responsive slider jQuery plugin with CSS animations
jQuery.adaptive-slider

1.0 0.0 Glide.js VS jQuery.adaptive-slider

A jQuery plugin for a slider with adaptive colored figcaption and navigation.
(🧪 Early Alpha)🤙 TamoTam. HangOut. Offline.

0.7 10.0 Glide.js VS (🧪 Early Alpha)🤙 TamoTam. HangOut. Offline.

(🧪 Late Alpha) 🤙 TamoTam. HangOut. Offline.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of Glide.js or a related project?

Add another 'Sliders' Library

Popular Comparisons

README

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

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.

Documentation

Visit glidejs.com for documentation.

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

Donation

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

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>
    </ul>
  </div>
</div>

... 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 })

Contributing

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