by jamiebuilds

jamiebuilds /spectacle-code-slide

:metal: Present code with style

4.1K Stars 202 Forks Last release: Not found MIT License 54 Commits 16 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


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 http://prismjs.com/ 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.