Need help with spectacle-code-slide?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

4.1K Stars 202 Forks MIT License 54 Commits 18 Opened issues


:metal: Present code with style

Services available


Need anything else?

Contributors list


Present code with style using spectacle.

Dude, you just changed the code presentation game@kenwheeler


$ npm install --save spectacle
$ npm install --save spectacle-code-slide


import React from 'react';
import { Spectacle, Deck } from 'spectacle';
import CodeSlide from 'spectacle-code-slide';
import shiaLabeoufMagicGif from "./shiaLabeoufMagic.gif"
import preloader from "spectacle/lib/utils/preloader";

preloader({ shiaLabeoufMagicGif });

export default class Presentation extends React.Component { render() { return ( // ... <codeslide transition="{[]}" lang="js" code='{require("raw-loader!../assets/code.example")}' ranges="{[" loc: title: through some beginning note: a note image: shialabeoufmagicgif ...> // ... ); } }

Syntax Highlighting

Provided by PrismJS. See for docs.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.