All Projects → biigpongsatorn → Vue Infinite Slide Bar

biigpongsatorn / Vue Infinite Slide Bar

Licence: mit
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)

Projects that are alternatives of or similar to Vue Infinite Slide Bar

Slendr
A responsive & lightweight (2KB gzipped) slider for modern browsers. [UNMAINTAINED]
Stars: ✭ 39 (-79.47%)
Mutual labels:  slideshow, component, slider, slide
Vue Slide Bar
🎢 A Simple Vue Slider Bar Component.
Stars: ✭ 129 (-32.11%)
Mutual labels:  slides, component, slider, slide
Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+6253.68%)
Mutual labels:  slides, slider, slide
React Siema
ReactSiema Demo
Stars: ✭ 90 (-52.63%)
Mutual labels:  component, slider, slide
cachu-slider
🌈 🔆 Create animated full screen and content-fit sliders efficiently.
Stars: ✭ 30 (-84.21%)
Mutual labels:  slideshow, slide, slider
Hacker Slides
A small UI for building presentation slides from markdown markup
Stars: ✭ 316 (+66.32%)
Mutual labels:  slides, slideshow, slide
React Background Slideshow
Sexy tiled background slideshow for React 🔥
Stars: ✭ 98 (-48.42%)
Mutual labels:  slideshow, component
Nodeppt
This is probably the best web presentation tool so far!
Stars: ✭ 9,589 (+4946.84%)
Mutual labels:  slides, slideshow
Press
Minimalist Markdown Publishing for Nuxt.js
Stars: ✭ 181 (-4.74%)
Mutual labels:  slides, slideshow
React Spring Slider
A slider component for react
Stars: ✭ 118 (-37.89%)
Mutual labels:  component, slider
React Slidy
🍃 React Slidy - Minimalistic and smooth touch slider and carousel component for React
Stars: ✭ 69 (-63.68%)
Mutual labels:  slider, slide
Aura.ui
A Library with a lot of Controls for AvaloniaUI
Stars: ✭ 114 (-40%)
Mutual labels:  component, slider
Slidehub
SlideHub is an Open Source Slide Sharing Application for Azure / AWS
Stars: ✭ 120 (-36.84%)
Mutual labels:  slides, slide
Vue Swipe Mobile
😃 A siwpe (touch slider) component for Vue2
Stars: ✭ 97 (-48.95%)
Mutual labels:  slider, slide
Embla Carousel
A lightweight carousel library with fluid motion and great swipe precision.
Stars: ✭ 1,874 (+886.32%)
Mutual labels:  slideshow, slider
Cppcon2015
Repository for the slides and the code of my CppCon 2015 talks.
Stars: ✭ 77 (-59.47%)
Mutual labels:  slides, slide
Patat
Terminal-based presentations using Pandoc
Stars: ✭ 1,725 (+807.89%)
Mutual labels:  slides, slideshow
Svelte Carousel
A super lightweight, super simple Carousel for Svelte 3
Stars: ✭ 144 (-24.21%)
Mutual labels:  slider, slide
Vue Plain Slider
A simple slider component for Vue.js
Stars: ✭ 146 (-23.16%)
Mutual labels:  component, slider
Deckdeckgo
The web open source editor for presentations
Stars: ✭ 1,117 (+487.89%)
Mutual labels:  slides, slideshow

Buy Me A Coffee

NPM version NPM downloads License Demo Build Status

∞ Vue Infinite Slide Bar

🎚 Infinite slide bar component (no dependencies and light weight 1.48 KB)

👀 Document & Demo Page

LIVE DEMO

💻 Install

npm install --save vue-infinite-slide-bar

or

yarn add vue-infinite-slide-bar

🕹 Usage

import Vue from 'vue'
import InfiniteSlideBar from 'vue-infinite-slide-bar'

Vue.component('InfiniteSlideBar', InfiniteSlideBar)

or

import InfiniteSlideBar from 'vue-infinite-slide-bar'

export default {
  components: {
    InfiniteSlideBar
  }
}

🔎 Example

<infinite-slide-bar :barStyle="{ background: '#42b883', padding: '5px 0' }">
  <span style="color: #fff;">Helo World, I love Vue Infinite Slide Bar</span>
</infinite-slide-bar>

⚙️ Props

Props Type Default Description
barStyle Object - Customize style of slide bar
duration String 12s Speed of animation
direction String normal Direction of animation (normal, reverse)
delay String 0s Delay time before animation start
paused Boolean false Specifies whether the animation is paused or running

🤝 Contributing

  1. Fork this repository.
  2. Create new branch with feature name.
  3. Run npm install and npm run dev.
  4. Create your feature.
  5. Commit and set commit message with feature name.
  6. Push your code to your fork repository.
  7. Create pull request. 🙂

⭐️ Support

If you like this project, You can support me with starring ⭐ this repository.

📄 License

MIT

Developed with ❤️ and ☕️

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].