Introduction

DeckDeckGo is a deck of slides. Each of these is based on a template which has its own layout and behaviour and not other limit than what the web can offer.

Their content could be edited and structured using slots and other attributes.

The deck itself is declared using the tag <deckgo-deck/> and each slides can be added as its children.

<deckgo-deck> <deckgo-slide-title> <h1 slot="title">The first slide</h1> <p slot="content"> Hello World 🚀 </p> </deckgo-slide-title> <deckgo-slide-content> <h1 slot="title">The second slide</h1> </deckgo-slide-content> </deckgo-deck>

In the previous example, the presentation contains two slides. The first slide use the template deckgo-slide-title and the second slide use the template deckgo-slide-content.

Installation

The core component of DeckDeckGo does not contain any slides. These have to be explicitly installed and imported. Doing so, only these, which you are actually using, are going to be bundled in your presentations for the best performances.

If you are using the Starter Kit, all default templates, these listed here behind, are pre-installed and pre-imported.

Templates

DeckDeckGo provides a set of default templates. More templates are also available thanks to the wonderful work of the community.

Default Templates

slot="title"

slot="content"

slot="title"

slot="content"

slot="title"

slot="start"

slot="end"

slot="title"

slot="header"

slot="footer"

slot="title"

slot="title"

slot="title"

slot="title"

slot="title"

slot="title"

slot="title"

slot="content"

Do you like my presentation so far?

It is super

Meh

I could'nt care less

Tell me why

Go to deckdeckgo.com/poll and use the code 0

Awaiting first votes

Ain't nothin' but a heartache

Any elements

Playground

Community

Developers and maintainers contributions are gathered in a GitHub org. Find there more templates and documentations about their usages.