An HTML Slide

🐦

Press S to see the speaker notes

Press M to see the menu

Press B or . to pause the presentation

Press the down arrow to see the slide definition 👇

An HTML DSL Slide

👀

Press CTRL+Shift+F to search all the slides

Press Alt+click to zoom in on elements

Press the down arrow to see the slide definition 👇

Highlighted Code with a dslSlide

package content

fun main() {
  for (i in (0..5)) {
    println("Hello World $i")
  }
}

            

👇

Animated Code with a dslSlide

let planets = [
    {name: 'mars', diameter: 6779},
];

            

👇

Animated Code with a dslSlide

let planets = [
    {name: 'mars', diameter: 6779},
    {name: 'earth', diameter: 12742},
    {name: 'jupiter', diameter: 139820}
];

            

👇

Animated Code with a dslSlide

let circumferenceReducer = (c, planet) => {
    return c + planet.diameter * Math.PI;
};

let planets = [
    {name: 'mars', diameter: 6779},
    {name: 'earth', diameter: 12742},
    {name: 'jupiter', diameter: 139820}
];

let c = planets.reduce(circumferenceReducer, 0);

            

👇

Animated Code with an htmlSlide

    let planets = [
        {name: 'mars', diameter: 6779},
    ];
  

            

👇

Animated Code with an htmlSlide

    let planets = [
        {name: 'mars', diameter: 6779},
        {name: 'earth', diameter: 12742},
        {name: 'jupiter', diameter: 139820}
    ];
  

            

👇

Animated Code with an htmlSlide

    let circumferenceReducer = (c, planet) => {
        return c + planet.diameter * Math.PI;
    };
    
    let planets = [
        {name: 'mars', diameter: 6779},
        {name: 'earth', diameter: 12742},
        {name: 'jupiter', diameter: 139820}
    ];
    
    let c = planets.reduce(circumferenceReducer, 0);
  

            

👇

Kotlin Playground Support

Playground with Additional Code

Playground Using JUnit

Playground Using Kotlin/JS

Playground Support for other Languages

Read-only languages include: JS, Java, Groovy, XML/HTML, C, Shell, Swift, Obj-C

A plotly-kt Plot

A plotly-kt Histogram

A plotly-kt 3D Surface Plot

A plotly-kt 3D Scatter Plot

A plotly-kt Heatmap

Animated List Items

• One
• Two
• 👇

Animated List Items

• One
• Two
• Three

Animated List Items

• One
• Two
• Three
• Four

Animated List Items

• Two
• One
• Four
• Three

Animated List Items

• Two
• Three
• One
• Four

Animated List Items

• Two
• Three
• Four
• One

Animated List Items

• One
• Four
• Three
• Two

Slide 1

Animate Anything 👇

Slide 2

With Auto Animate 👇

Slide 3

With Auto Animate 👇

Slide 4

With Auto Animate

YouTube Content

Tables

Transitions

You can select from different transitions, like:
NONE-FADE-SLIDE-CONVEX-CONCAVE-ZOOM-UNASSIGNED

Themes

reveal.js comes with some built-in themes:
BEIGE-BLACK-BLOOD-LEAGUE-MOON-NIGHT-SERIF-SIMPLE-SKY-SOLARIZED-WHITE

Video Backgrounds

Embedded Web Content