impress.js

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

Latest Ver 0.5.3

Homepage

Github

38,473

📢 impress.js is a JavaScript library that allows the creation of dynamic and interactive presentations using the capabilities of CSS3.

CDN Download

License: (MIT OR deprecated_GPL-2.0+)

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.js

https://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id='impress'>
  <div id='slide1' class='step' data-x='0' data-y='0'>
    <h1>Welcome to impress.js</h1>
  </div>
  <div id='slide2' class='step' data-x='1000' data-y='0'>
    <p>Slide 2 Content</p>
  </div>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/impress.js/1.1.0/impress.min.js"></script>

⚙️ JavaScript
impress().init();