Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Examples and demos

Marcin Kaczmarek edited this page · 164 revisions

Official demo

impress.js demo by @bartaz

Authoring tools

Orbitale.io EasyImpress: free PHP-Silex application that allows to create Impress.js presentations based on a simple yml file.

Azexo Composer (source) Free jQuery plugin: WYSIWYG Drag and Drop HTML builder with integrated Impress.js. Paid and ready to use WordPress/Drupal/Joomla/HTML versions.

Dyapos (source) Graphic web editor for Impress.js, inspired on Prezi.

Strut (source) clean extendable code base, fully client-side

(This domain name expired on 11/15/2014) Impressionist (source) less active development lately

Choices & Chances (source) a choose-your-own adventure platform.

Those are the most usable authoring tools right now. More on the authoring tool issue.

impress.js S9 Template Pack (source): Lets you write your impress.js slides in Markdown or Textile. Uses the Slide Show (S9) Ruby gem to generate your deck.

hovercraft! (source): Lets you write your impress.js slides in 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.

to-textr: now supports building basic presentations from Markdown

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. A live version is available here

Beethoven semi graphical user interface for creating impress.js presentations. Has only basic methods, but still under development.

Other Tools & Plugins

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_he.js: An Hebrew version of impress.js, adding support for Hebrew(RTL) and new fresh background.Made by r0b0_k1ng

impress-audio.js: Small addition to impress.js to allow for html5 audio in your presentation

im_present: Basic Firefox extensions that displays additional information to the lecturer, in another window.

Presentations

Learning to Design by Parhum Khoshbakht

Bytecode manipulation with cglib and ASM by Pawel Koperek

Pirate Party Programme by @317070

dreszler-development by dreszler-development

(This domain name expired on 9/22/2014) Cool Gadget Shop by An Long Productions

Hashdog: Software Factory - Brochure by Franco Alvarez

(not an Impress.js site) An Long Productions Portfolio Site by Mitchell Valentine

(404 Not Found) Advanced Problem Solving by Costa Michailidis

CSS 3D transforms from meet.js summit by @bartaz

Freelancing - My story by @Valeka

[An app is not enough](http://joakimkemeny.github.com/presentation.responsive) by Joakim Kemeny [@joakimkemeny](https://twitter.com/joakimkemeny)

What the Heck is Responsive Web Design by John Polacek @johnpolacek

[12412.org presentation to Digibury](http://extra.12412.org/digibury/) by Stephen Fulljames [@fulljames](http://twitter.com/fulljames)

Web Application Project Workflow by Heath Dutton @heathdutton

[Data center virtualization with Wakame-VDC](http://wakame.jp/wiki/materials/20120114_TLUG/) by Andreas Kieckens [@Metallion98](https://twitter.com/#!/Metallion98)

Asynchronous JavaScript by Mariusz Nowak @medikoo

Bonne année 2012 by Edouard Cunibil @DuaelFr

Careers in Free and Open Source Software by Exequiel Ceasar Navarrete @exi_navarrete

HTML5 Future : to infinity and beyond! by Sylvain Weber @sylvainw

WordPress 201: Performance & Security by Jason Cosper @boogah

Intro to Node.js (src) by Le Zhang @le_isms

The Revolutionary CSS3: a non-technical intro to CSS3 by Scott Cheng

Liquid Web Services by Cesare Pautasso @pautasso

Transactions for the REST of us by Cesare Pautasso and Guy Pardon

Git, the stupid content tracker, for the novice and the semi-experience git user by @chickamade

YUI3's Use and Add Methods by @klamping

Gauge conditions and blackhole stability by Kartik Prabhu

Les User Agents, c'est le mal ! [fr] by Rudy Rigot

Speeding Up Drupal by Evan Willhite @evanmwillhite

Take a sip of CoffeeScript [fr] by @madsgraphics

How to build WordPress theme and plugin by Bernard Latanowicz Open in Safari only. It's big one, so give it about 10 seconds to load. If there are too many slides on the screen in Google Chrome, the first ones disappear. If somebody knows how to fix it, let me know, please.

Faster HTML5 Apps from X-HTML5MAS Meetup by IndrekV

YUIConf 2012: Scaling YUI in the Enterprise by @klamping

Tomorrow's Schools by Brian E. Bennett @bennettscience

Declinul consumerismului si noua abundenta by Leeroy - a presentation about transition and collapse (in Romanian).

Kageetai Application by Kageetai Presentaion for applying at foreign companys

Testing impress.js by @manursio Just testing this awesome plugin.

Amazon AWS 3D Cubes by Mauro Rocco - A nice experience on building the Amazon AWS logo using Impress.js

Demo in italiano 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...

Rukun Iman | Jeniv by Jefry Nivella - A cube presentation.

Présentation d'IntraCherche pour le CRECE (démo en français) by [http://www.intracherche.fr)

Toward the development of a web literacy map by Doug Belshaw - slides in a square which then zoom inside...

Triangulations by Marcin Kaczmarek – Presentation of triangulation algorithms with live visializations (source).

Websites and portfolios

http://ivelina.comuv.com by Ivelina Dimitrova (ivelina.dimitrova@yahoo.com), Portfolio

jgog.in Website/Portfolio of Jenil Gogari, designer from Mumbai, India

processing.js/inspire.js demo An inspire.js page with a different processing.js sketch at each step by Jamie Waese

Biofib'isolation, une filière complète unique en Europe from Biofib'isolation by @youyouk

Narsis Responsive 3D Personal VCard Static Template by 1Devs

Building a Personal Website with impress.js by Rakhitha Nimesh

Pongoweb.it from creators of PongoCMS Laravel bundle

Beyond Weight-Loss: Just another amateur trying to build webpage by David Meads

valeka.net by @Valeka

lioshi.com by @lioshi

alingham.com by Al Ingham @alingham

nice-shots.de by @NiceShots

museum140 Shorty Award promo video entirely made with ImpressJS by @thingsinjars

electricanimal.co.uk by @elecmal

t3kila.com by Romain Wurtz

almostcomplete.co.uk by @middlesound

iWed.in by @ManiKantaG (intro animation using impress, with some custom code for autoplay, pause & skip)

jasminehsu.net by Jasmine Hsu

luchoster.net by @luchoster

Word/For Word, a journal of new writing, issue 20 by @coreylafferty

AVA Bausoftware by ARCHITEXT Software GmbH

I hate it here (blogpost) by Kartik Prabhu

Towel Day Italy by @orazio_nelson

5 Voies de Recherche - information about breast cancer by ARC Fondation

Sibal fArts Presents Satire site by Vidyut, about an Indian Minister who has been leading legislation eroding internet rights - free speech and privacy in India. Combines with other javascript and tools.

Resume of russian programmer

Feel free to fork my resume (include printable CSS) viewable here http://jul.github.com/cv

WAMR Web Studio Overview - Overview about Products and Services of WAMR Web Studio

Tomorrow Interactive - a webdesign company based in Bucharest

Narangi Web - a new and creative web agency based in Italy - Sicily

Great Wall of Tees - innovative use of impress to render a 3D art gallery for fashion e-commerce site zovi.com

Mistakopedia - seek knowledge explore/create/share search mindmaps. dynamic search page created with impress.js

Technical Skill Representation by @Arpit

howard roark laughed - company website with using mouse scroll

SteamPrez - automatically create dynamic presentations using your Steam profile information

Hiram E. Perez website by @driverInside

Nishant Neeraj's website by @naishe

Joan Gamell's Resume and Portfolio by gamell

Cuba en el Centro by galopez. This is a website about vacations in Cuba. Each one of the tours offered features an interactive view around the island. The "interactivity" is supported by the goodies of impress.js

Episode 5 of To Be Continued, webcomic by Lorenzo Ghetti, website by Carlo Trimarchi

Contribute

CSS animation by Jivan Shrestha(http://jivanshr.com.np) A short presentation to design team

CSS basics for .net developers by Jivan Shrestha(http://jivanshr.com.np)

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.

Something went wrong with that request. Please try again.