https://github.com/jd-solanki/slidev-theme-dracula
Dracula theme for slidev 🧛
https://github.com/jd-solanki/slidev-theme-dracula
dracula dracula-theme slidev slidev-theme theme
Last synced: 10 months ago
JSON representation
Dracula theme for slidev 🧛
- Host: GitHub
- URL: https://github.com/jd-solanki/slidev-theme-dracula
- Owner: jd-solanki
- Created: 2023-02-02T12:47:47.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-31T09:03:36.000Z (over 1 year ago)
- Last Synced: 2025-08-09T16:25:35.386Z (10 months ago)
- Topics: dracula, dracula-theme, slidev, slidev-theme, theme
- Language: CSS
- Homepage: https://jd-solanki.github.io/slidev-theme-dracula/
- Size: 1.19 MB
- Stars: 139
- Watchers: 2
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧛♂️ slidev-theme-dracula

[](https://www.npmjs.com/package/slidev-theme-dracula)
A Dracula theme for [Slidev](https://github.com/slidevjs/slidev).
## ✨ Demo
- [Example](https://jd-solanki.github.io/slidev-theme-dracula/example)
- [Layouts](https://jd-solanki.github.io/slidev-theme-dracula/layouts/)
## 🛠️ Install
Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.
---
theme: dracula
---
Learn more about [how to use a theme](https://sli.dev/themes/use).
## 🧱 Layouts
This theme provides the following layouts:
> _Please refer to the source code of the [available layouts](https://github.com/jd-solanki/slidev-theme-dracula/tree/main/layouts) to learn more about how to use them._
For a preview of the layouts, please refer to [layouts](https://jd-solanki.github.io/slidev-theme-dracula/layouts/) demo.
## 📦 Components
> _Raise issue_
## 🤝 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
## 💖 Sponsors