Try web-presentation ..
Install web-presentation with npm
npm i web-presentation
Get web-presentation via bower
bower install web-presentation
dist/web-presentation.html file in your project.
<link rel="import" href="web-presentation.html">
Use the web slide component in your html file.
web-presentationPure Webcomponents Presentation FrameworkNative, fast, extendable..and only one file to import
||The presentation element which contains all slides|
||The slide element has to be within a web-presentation element|
||The title is the same element as web-slide. The idea is to make it easier to style all title slide|
||One way to control the presentation. Use left and right arrow keys or space to go to the next slide|
||Displays a progress bar on the bottom of the screen|
If you want to add a transitions to this library please make a pull-request.
Show parts of a slide step by step.
<!-- step1:shows p1 / step2:shows p2 / step3:hides div1 and shows div2-->Show firstShow secondShow after
Use Chrome 36 or higher to use web-presentation without a polyfill.
Help make web-presentation better.