biigpongsatorn / Vue Infinite Slide Bar
Licence: mit
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
Stars: ✭ 190
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
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
∞ Vue Infinite Slide Bar
🎚 Infinite slide bar component (no dependencies and light weight 1.48 KB)
👀 Document & Demo Page
💻 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
- Fork this repository.
- Create new branch with feature name.
- Run
npm install
andnpm run dev
. - Create your feature.
- Commit and set commit message with feature name.
- Push your code to your fork repository.
- Create pull request. 🙂
⭐️ Support
If you like this project, You can support me with starring ⭐ this repository.
📄 License
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].