3.6.0 • Published 2 years ago

@glidejs/glide v3.6.0

Weekly downloads
67,909
License
MIT
Repository
github
Last release
2 years ago

glide.js

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.

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.

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

License

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

@knapsack-cloud/msk-design-systemquintype-ace@zentek/slider@jaydubb12/lightswitch-storefront-ui-vue@space-designsystem/starter-kit-tailwind2easybasejs-visual@watercorp/ui-library@nowa-zhp/ui@stephane888/wbu-atomiquetest-package-ui-ts-test@everything-registry/sub-chunk-364linqstream-moduleskstng@gedhean/vue-glide-jsmoda-web-librarymsport-interestsmtn-carousel-packagem-interests@viatransilvanica/components@simonalarie/baraka-vue-3.0-rollup@simonalarie/baraka-vue-rollup@skilld/components-basic@store-ui/vue@rm-frontend/base@storefrontui/vue@zhp-pl/uianepco-cotizador@andwhy/drx-corporate-components@andwhy/drx-corporate-components-test@biglight-official/sonatauiblack-queen-components@bosonprotocol/react-kitcalendar-ui@bee-hole/themequiullampreact-glidereact-glidejspipesort-admin-templaterestu-garzon-virtualvue-glide-jswbu-atomiquewt-themeyl-storefront-ui-vuevactory-uisocial-reviewssvelte-glidejssvelte-slideitstorefront-ui-reactreusecoretesdik123sapientecorruptisevlte-glidejs@cpelements/elements@crds_npm/crds-components@gocasebr/pikaso@highdigital/testh-vue@highdigital/vuet@highdigital/haferl-vue@highdigital/kpi-vue@highdigital/myfelt-vue@highdigital/oss-vue@highdigital/testd-vue@donner-ui/vue@empye/v@empye-ui/v@frst-falconi/frst-components@gebruederheitz/wp-block-slideshow@hl-storefront-ui/reacteasybasejs@zalastax/nolb-_gli@infinitebrahmanuniverse/nolb-_glidayuse-dashboard@ecomplus/storefront-template@ecomplus/widget-martan@ecomplus/storefront-components@elevenmiles/create-erato@emolyze_tech/frontend-componentsbeehole-store-theme@bugui/vuechoco-uifera-js@jumpgroup/consulenza-agricola-components@kickstartds/content@knapsack-cloud/msk-pattern-garden-styles@knapsack-cloud/msk-pattern-garden-javascript@leicht.io/primeval-ui@leicht.io/uigameos-jackpot-widget@mvps-genesis/carousel@lualbergipe/wbu-atomique-v1frst-components@petsmart-ui/sparkyhive-frameworkhotel-next
3.6.0

2 years ago

3.5.2

2 years ago

3.5.1

2 years ago

3.5.0

2 years ago

3.4.1

5 years ago

3.4.0

5 years ago

3.3.0

5 years ago

3.2.7

5 years ago

3.2.6

5 years ago

3.2.5

5 years ago

3.2.4

5 years ago

3.2.3

6 years ago

3.2.2

6 years ago

3.2.1

6 years ago

3.2.0

6 years ago

3.1.0

6 years ago

3.0.4

6 years ago

3.0.3

6 years ago

3.0.2

6 years ago

3.0.1

6 years ago

3.0.0

6 years ago