spectacle: write your slide decks in jsx

10
SPECTACLE A REACTJS PRESENTATION LIBRARY WHERE YOU CAN WRITE YOUR DECKS IN JSX VIEW ON GITHUB Hit Your Right Arrow To Begin!

Upload: ken-wheeler

Post on 08-Aug-2015

17 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: Spectacle: Write Your Slide Decks In JSX

SPECTACLEA REACTJS PRESENTATION LIBRARYWHERE YOU CAN WRITE YOUR DECKS IN JSX

VIEW ON GITHUBHit Your Right Arrow To Begin!

Page 2: Spectacle: Write Your Slide Decks In JSX

Wait what?

Page 3: Spectacle: Write Your Slide Decks In JSX

return ( <Deck transition={['zoom','slide']} transitionDuration={800}> <Slide bgColor="primary"> <Heading size={1} fit caps> React Presentations </Heading> <Heading size={2} fit caps> Written In React </Heading> </Slide> <Slide bgColor="black"> <Heading size={1} fit textColor="primary" textFont="secondary"> Wait What? </Heading> </Slide> <Slide bgColor="primary" textColor="black" align="center top"> <Heading size={1} textColor="black" textFont="primary"> Thats right </Heading> <List> <ListItem>Inline style based theme system</ListItem> <ListItem>Autofit Text</ListItem> <ListItem>react-router navigation</ListItem> <ListItem>PDF Export</ListItem> </List> </Slide> </Deck>)

Page 4: Spectacle: Write Your Slide Decks In JSX

FULL WIDTHADJUSTABLE DARKNESSBACKGROUND IMAGERY

Page 5: Spectacle: Write Your Slide Decks In JSX

FLEXIBLE LAYOUTSLEFT RIGHT

Page 6: Spectacle: Write Your Slide Decks In JSX

Wonderfully formattedquotes

- Ken Wheeler

Page 7: Spectacle: Write Your Slide Decks In JSX

SMOOTHCOMBINABLE TRANSITIONS

Page 8: Spectacle: Write Your Slide Decks In JSX

Inline style based theme systemAutofit textFlexbox layout systemReact-Router navigationPDF exportAnd...

Page 9: Spectacle: Write Your Slide Decks In JSX

YOUR PRESENTATIONS ARE INTERACTIVEThe button has been clicked 0 times

CLICK ME

Page 10: Spectacle: Write Your Slide Decks In JSX

MADE WITH LOVE IN SEATTLE BY