Build presentations with Keynote & Vue.js
vue-keynote
Keynote (vue-keynote) is a presentation/slideshow library that will help you to build presentations on the go!
Check the live Demo!
Example
Installation
yarn add vue-keynote
or using npm
npm install vue-keynote
Register the plugin
import Vue from 'vue'
import Keynote from 'vue-keynote'
Vue.use(Keynote)
Add your slides
<Keynote>
<!-- Your slides here! -->
<Slide>
<h1>Hello World!</h1>
<p>This is a basic slide.</p>
</Slide>
<Photo-Title-Slide title="An unsplash photo"
photo="https://unsplash.it/800/600?random=1"
vertical animation="slide-right"
class="top-left"
>
There is a random awesome photo.
</Photo-Title-Slide>
</Keynote>
For more information check the API section of the documentation.
Find Vue Keynote on GitHub