Description
Plugin in version releases 2.*.* and 1.*.* are NOT compatible. Big changes are made, so read documentation before upgrade.
Glide.js alternatives and similar libraries
Based on the "Sliders" category
-
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. -
Sequence
CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications. -
vegas
A jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows. -
slidesJs
Is a ressponsive slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3 transitions -
jQuery.adaptive-slider
A jQuery plugin for a slider with adaptive colored figcaption and navigation.
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of Glide.js or a related project?
Popular Comparisons
-
Glide.jsvsslick
-
Glide.jsvsSwiper
-
Glide.jsvsFlickity
-
Glide.jsvsPhotoSwipe
-
Glide.jsvsOwl Carousel 2
|
SaaSHub - Software Alternatives and Reviews
View more from us
|
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 :)
- 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>
</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.
Browser Support
- IE 11+
- Edge
- Chrome 10+
- Firefox 10+
- Opera 15+
- Safari 5.1+
- Safari iOS 9+
Building
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.
Credits
- JÄdrzej ChaĆubek - Creator
- [Contributors](../../contributors)
License
Copyright (c) 2014-present, JÄdrzej ChaĆubek. Licensed under the terms of the MIT License.
*Note that all licence references and agreements mentioned in the Glide.js README section above
are relevant to that project's source code only.