Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 5 days ago
JSON representation

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

Awesome Lists containing this project

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)