Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/glidejs/glide
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
https://github.com/glidejs/glide
carousel dependency-free es6 javascript lightweight slider
Last synced: 16 days ago
JSON representation
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
- Host: GitHub
- URL: https://github.com/glidejs/glide
- Owner: glidejs
- License: mit
- Created: 2013-08-19T10:23:34.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2024-05-23T20:33:57.000Z (6 months ago)
- Last Synced: 2024-06-16T05:30:26.330Z (5 months ago)
- Topics: carousel, dependency-free, es6, javascript, lightweight, slider
- Language: JavaScript
- Homepage: https://glidejs.com
- Size: 3.58 MB
- Stars: 7,188
- Watchers: 139
- Forks: 769
- Open Issues: 229
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-list - glide - free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more | glidejs | 6125 | (JavaScript)
README
[](https://glidejs.com)
### [Glide.js](https://glidejs.com) is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
[](https://travis-ci.org/glidejs/glide)
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](https://glidejs.com/docs) for documentation.
> Looking for old documentation? [Wiki](https://github.com/glidejs/glide/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](https://www.paypal.me/jedrzejchalubek)
- [Github Sponsors](https://github.com/sponsors/jedrzejchalubek)
## Getting started
Pull-in a latest version with NPM ...
```bash
npm install @glidejs/glide
```
... provide `` to the required core stylesheet. You can also optionally add an included theme stylesheet ...
```html
```
... then, prepare a little bit of necessary markup ...
```html
```
... and finally, initialize and mount a Glide.
```js
import Glide from '@glidejs/glide'
new Glide('.glide').mount()
```
Need a few selected modules? Import and mount only what you need.
```js
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](https://stackoverflow.com/questions/tagged/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](https://github.com/jedrzejchalubek) - Creator
- [Contributors](../../contributors)
## License
Copyright (c) 2014-present, [Jędrzej Chałubek](https://jedrzejchalubek.com). Licensed under the terms of the [MIT License](https://opensource.org/licenses/MIT).