10 Best HTML/CSS Based Presentation Slides

Making a presentation with HTML, CSS and Javascript is no longer an impossible task. With the development of CSS3 and support on most modern browsers, the slide transition no longer limited to fading, sliding, blinding. It allows us to achieve cool effects such as rotation, 3D transform and transition. Here are 10 Awesome HTML/CSS Based Presentation Slides that allow you to do that.

Impress.js

Impress.js is a presentation framework based on the power of CSS3 transforms and CSS3 transitions along with JavaScript and jQuery. The framework is currently supported in modern browsers and inspired by the idea behind prezi.com, which is cloud-based presentation software.

impress-js-1

Reveal.js

A framework for easily creating beautiful presentations using HTML.

reveal-5

Slippy

Slippy is a HTML Presentation library written with jQuery, it takes a html file in and plays it in any browser.

slippy-2

deck.js

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

deck-js-4

Shower

Shower is a presentation system by Vadim Makeev of Opera Software. While it’s one of the simpler systems, it’s fast and works well in all browsers. The slide thumbnail view is especially cool (press ESC).

shower-6

LeaVerou/CSSS

CSS-based SlideShow System by Lea Verou.

csss-7

html5slides

The presentation template is based on html5slides by Luke Mahé and Marcin Wichary.

presentation-8

DZSlides

DZSlides is a one-page-template to build your presentation in HTML5 and CSS3.

dzslide-9

Fathom.js

Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you’re done, Fathom.js even lets you sync the video of your presentation quickly and easily.

fathom-10

2 Comments

  1. I missed one gorgeos framework for easily creating beautiful presentations using HTML. Flowtime.js

  2. Jeffsays:

    Awesome list !! Thank you !

Leave a Reply to Jeff Cancel reply

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.