Examples and demos
These are the most usable authoring tools right now. More on the authoring tool issue.
Orbitale.io EasyImpress: Free Symfony 3 small application that allows to create Impress.js presentations based on a simple
Orbitale.io EasyImpressBundle, the Symfony bundle that is used by EasyImpress above, could be integrated in any existing Symfony3 application.
hovercraft! (source): Lets you write your impress.js slides in rst (reStructuredText). Very good positioning and transformation support. It even provides a presenter console with a preview of the next slide, a timer and notes which are fetched directly from the slides sources. Hovercraft Demo
Circular Slides Generator: Generates circular slides for impress.js presentations.
Graph / Tree Slide Generator: Uses the igraph library in R to generate optimally positioned graphs from given connectivities and generates a presentation from these results.
Beethoven: Semi graphical user interface for creating impress.js presentations. Has only basic methods, but still under development (not very intuitive...).
XMLimpress: Generates impress.js presentations with predesigned transitions from an XML file.
SDL Tridion CMS Integration
The DXA Impress module adds the impress.js presentation framework into DXA, so you can create and publish presentations directly from SDL Tridion. The Impress module demonstrates how a DXA module can have its own HTML design, for more details on this, you should take a look at the
100 Master\Building Blocks\Modules\Impress\Admin.
Imprezi Visual editor for Impress.js presentations
markpress: Command line tool and node package to convert markdown files into self-contained impressjs presentations.
[ Oi ]: A WYSIWYG Editor to create slides in impress.js, this editor create by React and Redux.
Impressionist A new editor created by the current impress.js maintainer. It's very much in development, but recently reached a state where you can actually save what you're doing.
- 3D WYSIWYG editor
- Based on Electron and TinyMCE, this editor runs on your workstation, not as a web service.
- Uses and extends impress.js itself to make presentations editable
Prezent3D: A commercial and web based presentation creator, obviously based on impress.js 0.6 or so.
- A readable outline to easily organize your slides.
- A new layout method based on flexbox to quickly place visual elements for each slides.
- A variable system to change styles really fast.
- Use word cloud algorithm to place each slides automatically.
- Apply switch animation automatically depend on the relationship between two slides before and after.
Other Tools & Plugins
react-impress: Rewrite Impress.js presentation framework for React & JSX
impress-full: Full impress with new abilities like background color's attributes and animations.
impress-console: A speaker console with notes, preview and timers for impress.js.
impress.js-progress: A small addition to impress.js which allows you to have a progressbar and/or the current step number and total steps.
impress_ar.js: An arabic version of impress.js, adding support for language written in a Right-To-Left (RTL) direction.
impress-audio.js: Small addition to impress.js to allow for html5 audio in your presentation
impressjs2pdf: Converts impress.js presentations (must be written using xhtml) to pdf.
impress-polygon: Create simple slideshows with slides arranged on edges of a regular polygon.
decktape: PDF exporter for HTML presentations that supports impress.js.
React-impressJS: Pure react Component of impress.js.
impressPlayer: Standalone impress.js player with console (similar to libreoffice impress's one). You can load .html files, .md files (markpress version) or .zip files (single archive presentation with style.css, impress.md, images and videos).
- Classic slides demo, HTML & CSS with comments: a getting started demo/tutorial for beginners.
- With Markdown.js integration to author slides quickly in Markdown demo, HTML & CSS with comments
- Several real world presentations I've done
Git from the inside an introduction into
git with lots of SVG images and Grunt build script.
Pirate Party Programme by @317070
Transactions for the REST of us by Cesare Pautasso and Guy Pardon
[Amazon AWS 3D Cubes] (http://www.toforge.com/wp-content/impressjs_amazonaws_cubes/index.html#/start) by Mauro Rocco - A nice experience on building the Amazon AWS logo using Impress.js
[Demo in italiano] (http://www.xenialab.it/meo/web/white/internet/impressjs.htm#/bored) by Meo Bogliolo - The official demo with text translated into italian. I did not translate the comments since they are too cool to be changed...
Présentation d'IntraCherche pour le CRECE (démo en français) by [http://www.intracherche.fr)
Measuring Health and Ethics in Programming Languages by Luis Garcia Castro – (presentation in English using and promoting Impress.js) (source).
Tomorrow's IT management with OpenStack, Docker & Co by Alexander Kläser - Presentation in German, held at the German OpenStack Days (Deutsche OpenStack Tage) 2015 - For the presentation I was using several graphics as sprites at different z-positions in order to create a pop up card like 3D effect :) . (The presentation is best viewed in Chrome/Chromium.)
Websites and portfolios
Sevensoft.com by Ryan D. Marshall. Profile site for a company based in Seattle. For modern browsers, content is displayed in all 3 dimensions in relation to a standing image of the author. Camera angles move from above, behind and geometrically around the author. For browsers with only 2D support, the content is presented as a 'wall' around the author.
[Es lebe der Koenig] (http://www.eslebederkoenig.com) Website for the "Es lebe der Koenig" literature event. The website was produced by [Blue Wave] (http://www.blue-wave.de) from Blue Wave's [Creators] (http://creator.blue-wave.de). Blue Wave turned the website into an interactive touchscreen installation at the event (https://youtu.be/yxloMxlisvQ). [@BlueWaveUG] (http://twitter.com/bluewaveug).
Tarjomyar Landing Page for "Tarjomyar" CAT tool produced by Targoman Intelligent Processing Pjc.. Combines both impress.js and HTML+Css3 3D-Effects in order to promote and explain the product. Site language is Persian.
processing.js/inspire.js demo An inspire.js page with a different processing.js sketch at each step by Jamie Waese
Beyond Weight-Loss: Just another amateur trying to build webpage by David Meads
lioshi.com by @lioshi
t3kila.com by Romain Wurtz
jasminehsu.net by Jasmine Hsu
AVA Bausoftware by ARCHITEXT Software GmbH
Random Quote Machine Example by Ricardo Cardona R
kirlent_sphinx is a Sphinx theme for generating impress.js presentations from Sphinx sources. It can also generate a revealjs presentation from the same document which can then be converted to pdf using decktape. A tutorial on CSS (in Turkish) is a lecture-oriented presentation which has a classic linear structure with some zooms. The sources display most of the abilities of kirlent_sphinx.
If you have used impress.js in your presentation (or website) and would like to have it listed here, feel free to edit this page.