🎞 Make stylish presentations in React, powered by styled-components
Present with joy in React. Minimal and self-contained framework for presentations built with styled-components
.
Presa aims to be:
styled-components
so almost all of its internal components can be extended and themized.Here is how Presa UI looks like:
List of currently supported features:
Let's add a simple slide with a background.
import { Presentation, Slide } from 'presa'
// No need to pass indexes here
const Deck = () => (
<Presentation>
<Slide background="wat.jpg">
Let talk about JavaScript!
</Slide>
</Presentation>
)
// Make sure you render into a full-page container
ReactDOM.render(<Deck />, container)
If you do that in your app, Presa will run automatically.
Feel free to open issues and PRs! If you want to develop Presa locally you can test your features
by adding them to the demo deck inside the demo/
folder. To open the development server run yarn dev
.
The project uses Prettier which runs automatically before every commit making the code base consistent. See also text editor integrations.