Getting Started

Keynote (vue-keynote) is a presentation library which enables you to declaratively create your slides using Vue.

Using Keynote in browser (no build tool)

  • Use script tag to include Keynote and Vue.

        <title>My First Keynote</title>
        <script src="//"></script>
        <script src="//"></script>
        <div id="app">
            <!-- Declare slides here! -->
          new Vue({ el: '#app' }) // Create a vue app!

With build system

  • Create a single file component with following content (say Presentation.vue).

        <!-- Declare slides here! -->
  • Install dependencies

    npm add --global vue-keynote
  • Start development server

    keynote dev Presentation.vue


Read API docs to know available components.