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