3.6.2 • Published 4 months ago

@glidejs/glide v3.6.2

Weekly downloads
67,909
License
MIT
Repository
github
Last release
4 months 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-364frst-componentsgameos-jackpot-widgethive-frameworkhlv-web-component-miahotel-nextlinqstream-modulesmoda-web-librarymp-ui-componentsmtn-carousel-packagem-interestskstngmsport-interests@hl-storefront-ui/react@infinitebrahmanuniverse/nolb-_gli@leicht.io/primeval-ui@leicht.io/ui@lualbergipe/wbu-atomique-v1@crds_npm/crds-components@frst-falconi/frst-components@gebruederheitz/wp-block-slideshow@gedhean/vue-glide-js@highdigital/haferl-vue@highdigital/kpi-vue@highdigital/myfelt-vue@highdigital/oss-vue@highdigital/testd-vue@highdigital/testh-vue@highdigital/vuet@jumpgroup/consulenza-agricola-components@kickstartds/content@knapsack-cloud/msk-pattern-garden-javascript@knapsack-cloud/msk-pattern-garden-styles@mvps-genesis/carouseleasybasejsdayuse-dashboardpipesort-admin-templatereact-glidejsquiullampreact-gliderestu-garzon-virtualreusecoretesdik123storefront-ui-reactsapientecorruptisevlte-glidejssocial-reviewssocialbee-uistaircase-custom-componentssvelte-glidejssvelte-slideityl-storefront-ui-vue@bugui/vue@bee-hole/theme@biglight-official/sonataui@bosonprotocol/react-kitwt-theme@basecom-gmbh/pondvue-glide-jswbu-atomiquevactory-ui@andwhy/drx-corporate-components@andwhy/drx-corporate-components-test@gocasebr/pikaso@empye-ui/v@empye/v@emolyze_tech/frontend-components@ecomplus/storefront-components@ecomplus/storefront-template@ecomplus/widget-martan@elevenmiles/create-erato@viatransilvanica/components@zhp-pl/uicalendar-uiblack-queen-componentsbeehole-store-themeanepco-cotizadorchoco-ui@tycoonsystems/tycoon-video@zalastax/nolb-_gli@sqli-innovation/core@store-ui/vue@storefrontui/vue@donner-ui/vue@cpelements/elements@smashing-magazine/courses-ui-components@skilld/components-basic@rm-frontend/base@petsmart-ui/sparky@simonalarie/baraka-vue-3.0-rollup
3.6.2

4 months ago

3.6.1

5 months ago

3.6.0

2 years ago

3.5.2

3 years ago

3.5.1

3 years ago

3.5.0

3 years ago

3.4.1

5 years ago

3.4.0

5 years ago

3.3.0

6 years ago

3.2.7

6 years ago

3.2.6

6 years ago

3.2.5

6 years ago

3.2.4

6 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

7 years ago

3.0.2

7 years ago

3.0.1

7 years ago

3.0.0

7 years ago