Welcome to SimPre
The Simplest Presentation HTML Framework

I've always wanted a minimalistic presentation framework that formats my slides correctly. SimPre scales and positions my content, using all the available space. In addition, it comes with a syntax highlighter and progress indicator.

Move on and see how to use it. →

It's just a single HTML file
(you can even highlight specific code lines)

Every <section> tag is a slide

You may have a custom slide logic

Just add "data-onchange" or "data-onenter" attribute to your <section> tag.
Those need to be a globally defined function.

Another one with custom logic

All the code lives outside the framework

Create a file, add the code inside and
load the file via the following <script> tag:

Check out the source code of this page as an example.

"Smart" selection mode

When showing code, I often want to emphasize or hide part of it. To help myself in this direction, I did a little feature that you can turn on and off via the Shift key. Select part of this text and press that button on the keyboard to see how it works.

In case you need the framework offline,
download it from here simpre.zip.

It's also open source here
github.com/krasimir/simpre.