https://github.com/Splidejs/vue-splide

The Splide component for Vue.
https://github.com/Splidejs/vue-splide

carousel carousel-component slider vue vue-component

Last synced: about 2 months ago
JSON representation

The Splide component for Vue.

• Host: GitHub
• URL: https://github.com/Splidejs/vue-splide
• Owner: Splidejs
• License: mit
• Created: 2020-05-29T16:55:20.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-01-12T17:06:58.000Z (5 months ago)
• Last Synced: 2024-03-25T21:15:59.602Z (2 months ago)
• Topics: carousel, carousel-component, slider, vue, vue-component
• Language: TypeScript
• Homepage:
• Size: 1.47 MB
• Stars: 314
• Watchers: 4
• Forks: 70
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Lists

• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)
• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)
• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)
• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)
• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)
• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)
• awesome-vue - vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide. (Components & Libraries / UI Components)

README

        


  

      

  

  

      

  


  
Vue Splide


  


    Vue Splide is the Vue component for the

    Splide slider/carousel.

  


  


    Getting Started

    


    Demo

    


    Discussions

  



## Caveat

The latest version only supports **Vue 3**.

You have to use the old version (0.3.5) for Vue 2, but the Splide version is also outdated.

## Quick Start

Get the latest version from NPM:

```

$ npm install @splidejs/vue-splide

```

Import CSS and components:

```vue

  

    

      

    

    

      

    

  

import { Splide, SplideSlide } from '@splidejs/vue-splide';

import { defineComponent } from 'vue';

import '@splidejs/vue-splide/css';

export default defineComponent( {

  components: { Splide, SplideSlide },

} );

```

Visit [here](https://splidejs.com/integration/vue-splide/) for more details.

## Support Splide

Please support the project if you like it!

- [GitHub Sponsors](https://github.com/sponsors/NaotoshiFujita)

## License

Vue Splide and Splide are released under the MIT license.

© 2022 Naotoshi Fujita