Super small

No dependencies

<2kb (593bytes minified and gzipped)

Easy to use

Example presentation

Following markup represents a deck
containing two slides

<article>
    <section>
        <h1>1st slide</h1>
    </section>
    <section>
        <h1>2nd slide</h1>
    </section>
</article>

Insert the following at the end of your
body tag to initialize lecture.js

<script src="lecture.js"></script>
<script>
window.addEventListener("load", function(e) {
    lecture.init();
}, false);
</script>

Look & feel

Style the presentation with CSS

Each slide contains set of situational classes

Plugins

lecture.js is modular

Event-driven approach to easily extend the framework