slides

for

developers

>

_

Slides is a presentation platform for developers. We're built on top of the reveal.js open source presentation framework, which was created by our co-founder.

Over the past few years we've been building a suite of developer-focused presentation tools, like...

import React, { useState } from 'react';
 
function Example() {
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

1.PRESENTING CODE

Built-in syntax highlighting with support for line-highlights.

Walk through your code using multiple highlight steps.

Powerful highlighting features packed into an intuitive UI.

1.PRESENTING CODE

Customize anything with our
real-time CSS editor.

2.CUSTOM STYLES

Style specific elements or slides by giving them class names.

2.CUSTOM STYLES

Go beyond the editing options with the HTML editor.

3.CUSTOM HTML

4.IFRAMES

Embed code editors, 3D models, spreadsheets, and more with iframes.

For example, here's a live code editor embedded from CodePen.

5.DEFINE API

{
  "title": "My Deck",
  "width": 1024,
  "height": 576,
  "transition": "slide",
  "slides": [
    {
      "notes": "Top secret speaker notes",
      "blocks": [
        {
          "type": "text",
          "value": "Hello world"
        },
        {
          "type": "iframe",
          "value": "https://slides.com/news/groups/embed"
        }
      ]
    }
  ]
}

Create prefilled decks with the Define API. Form POST this

https://slides.com/decks/define

Built-in \( \LaTeX \) typesetting makes it dead simple to show math formulas.

6.LaTeX

f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi
f(x) = \int_{-\infty}^\infty
    \hat f(\xi)\,e^{2 \pi i \xi x}
    \,d\xi

7.EXPORTS

Download the complete reveal.js source code for your presentation. Great for offline presenting,
self-hosting or backups.

We provide PDF and PPT exports, too.

HTML

CSS

JS

Slides for Developers is available today. Jump right into the editor and try it out.

EDIT AN EXAMPLE PRESENTATION

You'll need to sign up or log in

Slides for Developers

By Slides News

Slides for Developers

Slides is a presentation platform for developers built on top of the reveal.js open source HTML presentation framework. We offer a wide range of developer-focused features like step-by-step code highlighting, a CSS editor, LaTeX typesetting and more.

  • 10,370
Loading comments...

More from Slides News