ghostrick/kinako

☀ A Simple React Component to create presentations.

Installation

$ yarn add kinako

Example

$ cd example
$ yarn
$ yarn dev

Basic Usage

// ...
import { Page, Presentation } from 'kinako'

const App = () => (
  <Presentation backgroundColor={'#111'} controllerColor={'#fff'} aspect={{width: 16, height: 9}}>
  
    <Page isCentering={true}>
      <h1 style={{color: '#fff'}}>Hello.</h1>
    </Page>
  
    <Page isCentering={true}>
      <h1 style={{color: '#fff'}}>Fin.</h1>
    </Page>
  
  </Presentation>
)

// ...

Documentation

https://ghostrick.github.io/kinako

PDF Export

When you open the in-browser print dialog, dedicated CSS is applied.

Bugs

Use the GitHub Issues.

License

MIT