Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/antonreshetov/vue-glide

A slider and carousel as vue component on top of the Glide.js
https://github.com/antonreshetov/vue-glide

carousel component glide slider vue vue-components vuejs

Last synced: 2 months ago
JSON representation

A slider and carousel as vue component on top of the Glide.js

Lists

README 

        
Vue Glide





  

  

  

  npm bundle size

  

  




Vue component on top of the Glide.js






## Documentation



[https://antonreshetov.github.io/vue-glide](https://antonreshetov.github.io/vue-glide/)



## Install



### NPM



Installing with npm is recommended and it works seamlessly with webpack.



```bash

npm i vue-glide-js

```



### Download



You can download latest version from the Github: [Download](https://github.com/antonreshetov/vue-glide/archive/master.zip)



## Quick Start



### Global



To use in your project, just import vue-glide and install into Vue.



```js

import Vue from 'vue'

import App from './App.vue'

import VueGlide from 'vue-glide-js'

import 'vue-glide-js/dist/vue-glide.css'



Vue.use(VueGlide)



new Vue({

  el: '#app',

  render: h => h(App)

})

```



### On demand



```html



  


    

      

        Slide {{ i }}

      

    

  



  import { Glide, GlideSlide } from 'vue-glide-js'



  export default {

    components: {

      [Glide.name]: Glide,

      [GlideSlide.name]: GlideSlide

    }

  }



```



## License



MIT © 2018-present [Anton Reshetov](http://antonreshetov.com)