# slidev-theme-mokkapps

[![NPM version](https://img.shields.io/npm/v/slidev-theme-mokkapps?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-mokkapps)

A theme for [Slidev](https://github.com/slidevjs/slidev).

<!--
  Learn more about how to write a theme:
  https://sli.dev/themes/write-a-theme.html
--->

<!--
  run `npm run dev` to check out the slides for more details of how to start writing a theme
-->

<!--
  Put some screenshots here to demonstrate your theme

  Live demo: [...]
-->

## Install

Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.

<pre><code>---
theme: <b>mokkapps</b>
---</code></pre>

Learn more about [how to use a theme](https://sli.dev/themes/use).

## Layouts

This theme provides the following layouts:

![Screenshot 1](./screenshots/dark/001.png)
![Screenshot 2](./screenshots/dark/002.png)
![Screenshot 3](./screenshots/dark/003.png)
![Screenshot 4](./screenshots/dark/004.png)
![Screenshot 5](./screenshots/dark/005.png)
![Screenshot 6](./screenshots/dark/006.png)
![Screenshot 7](./screenshots/dark/007.png)
![Screenshot 8](./screenshots/dark/008.png)
![Screenshot 9](./screenshots/dark/009.png)
![Screenshot 10](./screenshots/dark/010.png)
![Screenshot 11](./screenshots/dark/011.png)

## Components

This theme provides the following components:

> TODO:

## Contributing

- `npm install`
- `npm run dev` to start theme preview of `example.md`
- Edit the `example.md` and style to see the changes
- `npm run export` to generate the preview PDF
- `npm run screenshot` to generate the preview PNG