https://github.com/elemental-design/react-keynote

Render React components to Apple Keynote slideshows
https://github.com/elemental-design/react-keynote

iwork keynote macos react react-keynote react-renderer

Last synced: about 1 month ago
JSON representation

Render React components to Apple Keynote slideshows

• Host: GitHub
• URL: https://github.com/elemental-design/react-keynote
• Owner: elemental-design
• License: mit
• Created: 2020-03-11T22:30:31.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T09:51:46.000Z (almost 2 years ago)
• Last Synced: 2024-10-30T13:46:16.443Z (2 months ago)
• Topics: iwork, keynote, macos, react, react-keynote, react-renderer
• Language: JavaScript
• Homepage:
• Size: 363 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-keynote

React keynote renderer from jsx (work in progress and API is not stable yet).

## Getting Started

Make sure you are on a Mac, that you have iWork Keynote installed, and have Node.js installed.

```sh

npm i react-keynote

```

## Example Code

```jsx

import { render, Document, Slide, View, Text } from 'react-keynote';

render((

  

    

      

        Welcome to the Slideshow!

      

      

        Here is some lorem ipsum...

      

    

    

      

        

          Some centered text.

        

      

    

  

));

/* or 

const jsx = (

  ...

);

const [document] = document.getDocuments({ name: 'Existing Document Name' });

render(jsx, document);

*/

```