reveal.js

reveal.js is an open source HTML presentation framework. It’s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free.

Presentations made with reveal.js are built on open web technologies. That means anything you can do on the web, you can do in your presentation. Change styles with CSS, include an external web page using an <iframe> or add your own custom behavior using our JavaScript API.

• VSCode Extension for Reveal JS (vscode-reveal)
  • This extension lets you to display a reveal.js presentation directly from an opened markdown document.

Getting Started

To get started with reveal.js, follow these steps:

# install node.js (10.0.0 or later) and npm
sudo apt install nodejs -y
sudo apt install npm -y
# clone the project from github
git clone https://github.com/hakimel/reveal.js.git
# dive into project folder and install dependencies
cd reveal.js && npm install
# start the project
npm start

• Open http://localhost:8000 to view your presentation.

Development Server Port

The development server defaults to port 8000. You can use the port argument to switch to a different one:

npm start -- --port=8001

Documentation

For more examples and contents visit revealjs.com

• Original HTML
• Example HTML
• Markdown HTML
• Starter Markdown
• Plugin Markdown
• Code Highlight Markdown
• Math Operations Markdown

Useful Links

• Reveal JS Tutorial
• Plugins & Tools & Hardware
  • CopyCode which is a simple plugin for Reveal.js that automatically shows a ‘copy’ button in code blocks.
  • reveal-css-snippet which is a Reveal.js plugin that allows live CSS editing in code blocks.
• Picsum Photos which provides stylish placeholders being easy to use.
• Introduction to Quasar - Sample from Divya Sonara
  • Check the live version of the presentation