30+ JavaScript/HTML5 and WordPress Presentation Frameworks and Libraries
Making a presentation with HTML, CSS and Javascript is no longer an difficult 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.
We now have frameworks that offer an easy way to create JavaScript/HTML5 and WordPress powered web presentations for displaying in the browser. These frameworks are best web alternatives to MS power point and keynote.
We have complied some of the best JavaScript/HTML5 and WordPress presentation frameworks/libraries, go check them.
Impress JS
It’s a presentation framework based on the power of CSS3 transforms and transitions in modern browsers.
Reveal JS
Reveal.js is a framework for easily creating beautiful presentations using HTML. You’ll need a browser with support for CSS 3D transforms to see it in its full glory.
Modern HTML Presentations – DeckJS
Modern HTML Presentations 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.
DIY Presentation Micro-Framework – Bespoke.js
Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style.
Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions.
With its robust plugin system, new functionality can be added to Bespoke.js easily.
Shower HTML Presentation Engine – Shower
Jmpress.js
A jQuery plugin to build a website on the infinite canvas. Started as a jQuery port of impress.js and utilizes the power of CSS3 transforms and transitions in modern browsers.
CSS-based SlideShow System – CSSS
CSS-based SlideShow System A simple framework for building presentations with modern web standards An HTML file contains the whole presentation Themes as CSS files JavaScript handles what CSS can’t (keyboard shortcuts etc) Warning: Only works in latest Firefox, Opera, Safari or Chrome.
Cleaver
HTML5/CSS3/JS Presentation Framework
Mosho is a sensational browser-based presentation framework. It has been inspired by impress.js, but has it’s own twist. Mosho features 3D transitions between slides using CSS3 3D transform property. Mosho comes with a neat API and a plugin architecture which can be used to extend the presentation framework to your taste.
You can use arrows and spacebar keys to start transitions from slide to slide with hash links being followed appropriately. Mosho also has a non-linear linking feature where you can ‘stray’ to another slide via a link then resume your slide timeline after you have visited the side-slide.
Generate HTML5 Slideshows from Markdown, ReST, or Textile – Landslide
Landslide generates a slideshow using the slides that power the html5-slides presentation. Requires Python with jinja2 and pygments modules for code blocks syntax coloration.
A Free Presentation Framework – Flowtime.js
Flowtime.js is a framework for easily building HTML presentations or websites. It’s built with web standards in mind and on top of a solid full page grid layout.
The animations are managed with native and accelerated CSS3 transitions. Javascript takes care of the navigation behaviour and adds advanced functionalities and configuration options.
Create Scrolling Presentation Decks – Scrolldeck
A jQuery plugin for making scrolling presentation decks.
Fathom.js
If you’re making a presentation on JavaScript, make it in Javascript.
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.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.
Create Zooming Presentations – Awwation
Awwation is an app for creating Prezi-like presentations in HTML5, so they can run in modern web browsers without Flash.
Flexible HTML5 Presentation Tool – Presenteer.js
Presenteer.js is a flexible HTML5 presentation tool that uses CSS3 transforms and transitions to make smooth HTML presentations. Works on Chrome, Firefox, Opera, Android, iPhone and IE9.
A JavaScript Library for Synchronizing Videos and Slides – Presentz
Presentz is a mashup, as it merges things like Vimeo, Youtube, Slideshare and Speakerdeck. But you can use images and video files as well, unleashing the HTML5 video tag power.
The purpose of Presentz is to allow everyone to faithfully reproduce presentations and conference talks, without imposing any technology constraint.
Most alternatives to Presentz have a centralized approach: you give them your video or audio, your slides, you use their tool to mix them, and they will host and publish the result.
Framework for Creating Live, Dynamic, and Interactive Collages – Collage
Framework for creating live, dynamic, and interactive collages. Collage.js brings together many public APIs, along a method of presenting media within a limitless two-dimesional space to create memorable experiences.
jQuery Mobile Framework for Creating Real-time Presentations – Tacion.js
A free jQuery Mobile framework for creating real-time presentations.
Create Presentations with HTML – Slides
If you are fed up using Powerpoint and Keynote to make and give presentations, this framework is for you. It uses slides in plain HTML, combined with themes, layouts, and slide transitions in CSS, and a small Javascript MVC framework for showing them.
Stack is a presentation library with scroll-based navigation.
Build Your Slides in HTML5 and CSS3 with DZSlides
DZSlides is a one-page-template to build your presentation in HTML5 and CSS3. Template.html is the only file you need. Edit the file, add your content, change the style, and you’re done. To see the slides in action, just load the file in your browser.
You can include any text, images, video or iframes inside slides. DZSlides support touch events. So you can create mobile friendly web slide shows.
Scriptless-slidess
Scriptless slideshow, no Javascript, only HTML and CSS.
Slide Shows in HTML and XHTML – HTML Slidy
HTML Slidy helps you create slide shows in HTML and XHTML. You can now create accessible slide shows with ease.
Create Interactive Live-coding Presentations – CoderDeck
The best way to teach the web is with the web. Create interactive live-coding presentations.
Mobile Friendly, Touch Enabled Google HTML5 Slide Template
JavaScript Slide Framework – Perkele.js
Scroll-To-End and Looping Text – HoverForMore.js
HTML5 Slider
HTML5 Slider is an amazing framework for HTML presentations.
ShowOff Presentation Software
ShowOff is a Sinatra web app that reads simple configuration files for a presentation. It is sort of like a Keynote web app engine – think S5 + Slidedown.
The idea is that you setup your markdown slide files in section subdirectories and then startup the showoff server in that directory. It will read in your showoff.json file for which sections go in which order and then will give you a URL to present from.
3D Cube Slideshow
A presentation deck utilizing 3D CSS transforms and transitions to navigate between slides. Content is a presentation on JavaScript code quality.
Generate HTML Presentations from Markdown Sources – Luminescence
Luminescence is an application for generating HTML presentations from Markdown sources. It allows one to create simple presentations quickly.
HTML5 Slideshow Presentations with WordPress
Create HTML5 slideshow presentations using our favorite cms, WordPress. Host your own presentations and share/present them anytime.
Create Amazing Presentations with WordPress and Impress.js
Quicky create beautiful presentations in 3 dimentions with help of impress.js and WordPress. Allows you to use present your posts, pages, media or the Impress slides with the power of Impress.js.