impress/impress.js

impress.js is a presentation framework for the web that uses CSS 3D transforms and transitions to create zooming, rotating, and spatially positioned slide presentations, inspired by the look and feel of the commercial Prezi presentation tool. Rather than showing slides that flip linearly one after another like a typical PowerPoint presentation, impress.js lets you position your content anywhere in a 3D space and then animates smooth camera movements between those positions as you advance through the presentation. The framework works entirely in the browser: you create an HTML file where each slide is a div element, and you set data attributes on each div to specify its position, rotation, scale, and 3D tilt. When you open the file in a browser, impress.js reads those attributes and generates the CSS needed to render the scene in 3D. Moving between slides triggers CSS transition animations. JavaScript handles keyboard navigation, touch gestures, and tracking which slide is active. The library itself has no required external dependencies and does not use jQuery. Additional functionality is available through a plugin system bundled in the main js file. You would use impress.js when you want to create a visually striking, non-linear web presentation that stands out from standard slide formats, for conference talks, product demos, or any situation where the spatial storytelling of the Prezi style fits your content. It requires a modern browser that supports CSS 3D transforms. The tech stack is plain JavaScript with no framework dependencies, and presentations are just HTML files you can open directly in a browser or host anywhere without a server.