antoniandre / Vueper Slides
Licence: mit
A touch ready and responsive slideshow / carousel for Vue & Vue 3.
Stars: ✭ 319
Projects that are alternatives of or similar to Vueper Slides
Ken Burns Carousel
🌄 A web component that displays a set of images with a ken burns effect
Stars: ✭ 106 (-66.77%)
Mutual labels: slideshow, carousel
Noodel Js
User interface for responsive, dynamic content trees
Stars: ✭ 173 (-45.77%)
Mutual labels: slideshow, carousel
Ngx Gallery
Angular Gallery, Carousel and Lightbox
Stars: ✭ 417 (+30.72%)
Mutual labels: slideshow, carousel
Slider
Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap
Stars: ✭ 2,046 (+541.38%)
Mutual labels: slideshow, carousel
Why-Not-Image-Carousel
Why Not use Image Carousel if you have lots of images to show!
Stars: ✭ 310 (-2.82%)
Mutual labels: slideshow, carousel
AndroidSliderViewsLibrary
AndroidSliderViewsLibrary is an Android SDK library supports vertical & horizontal carousel and slideshow Views which developers simply integrate on Android project. - by @sung2063
Stars: ✭ 33 (-89.66%)
Mutual labels: slideshow, carousel
Embla Carousel
A lightweight carousel library with fluid motion and great swipe precision.
Stars: ✭ 1,874 (+487.46%)
Mutual labels: slideshow, carousel
Keen Slider
The HTML touch slider carousel with the most native feeling
Stars: ✭ 3,097 (+870.85%)
Mutual labels: slideshow, carousel
SimpleSlider
Simple responsive slider created in pure javascript.
Stars: ✭ 21 (-93.42%)
Mutual labels: slideshow, carousel
SJCenterFlowLayout
Carousel flow layout for UICollectionView on iOS.
Stars: ✭ 34 (-89.34%)
Mutual labels: carousel
react-styled-carousel
React styled components carousel or slide show. No external css import is required.
Stars: ✭ 42 (-86.83%)
Mutual labels: carousel
SliderViewLibrary
An easy to use Android Library to get slides in apps using images or image URLs
Stars: ✭ 35 (-89.03%)
Mutual labels: slideshow
ngx-image-gallery
Probably the best Angular 4+ modal and inline image gallery. Angular upgrade for ng-image-gallery.
Stars: ✭ 80 (-74.92%)
Mutual labels: carousel
ngx-carousel
Angular Universal carousel is an lightweight , touchable and responsive library
Stars: ✭ 14 (-95.61%)
Mutual labels: carousel
Vueper Slides
A touch ready and responsive slideshow / carousel for Vue and Vue 3.
Installation
npm install vueperslides
Vue 3
npm install [email protected]
Demo & Documentation
Try it yourself
Browser Support
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ |
Donation
If you want to support the project, you can buy me a beer or become a sponsor!
If you are using this library for profit business, please consider backing me! It ensures that the project your products rely on keeps being actively maintained. :)
Contributing
If you have any idea, feel free to fork Vueper Slides and submit your changes back to me or discuss it in an issue.
Release Notes
- Version 3.0 Supports Vue 3. This version is not compatible with Vue 2.x.
- Version 2.8 Added lazy loading feature
-
Version 2.7 Added
duration
option on<vueper-slide>
tag -
Version 2.6 Added
progress
option -
Version 2.5 Added
parallaxFixedContent
option -
Version 2.4 Added the
bullets
&bullet
slots -
Version 2.3 Added
gap
option -
Version 2.2 Allow syncing 2 slideshows + added
previous
&next
emitted events -
Version 2.1 Added
fractions
option - Version 2.0 Allow new Vue slot syntax & other improvements
- Version 1.21.0 Allow external autoplay pause / resume
- Version 1.20.0 Option to prevent Y-axis scroll while dragging
- Version 1.19.0 Allow slide link on the entire slide
- Version 1.18.0 Emit mouseenter mouseleave events on slides
- Version 1.16.0 Change build system and external css file
-
Version 1.15.0 Added
3D
Rotation feature - Version 1.14.0 Allow fade transition with multiple items per slide
- Version 1.13.0 Allow multiple items per slide
-
Version 1.12.0 Added a
no-shadow
class to remove default inner shadow - Version 1.11.0 Allow slide background inside slide container
- Version 1.10.0 Allow fixed height
- Version 1.9.4 Added a method to refresh parallax
- Version 1.9.1 Add onload parallax translation calculation
-
Version 1.9.0 Add
previous()
&next()
methods for external controls - Version 1.8.0 Add animated class while slideshow is animated
- Version 1.7.0 Improve slide data reactivity & allow to refresh clones on drag
- Version 1.6.0 Externalize CSS & add accessibility attributes
- Version 1.5.0 Add transition speed param & slide content outside above or under slideshow
- Version 1.4.0 Allow complex slide title & content
- Version 1.3.2 Add option to place arrows outside. The config is now VueJS-reactive
- Version 1.3.0 Add parallax feature
- Version 1.2.0 Add dragging distance feature
- Version 1.1.0 Add breakpoints feature
- Version 1.0.0 First public release
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].