/slidev

Presentation Slides for Developers (Public Beta ๐ŸŽ‰)

Primary LanguageTypeScriptMIT LicenseMIT


Slidev

Presentation slides for developers ๐Ÿง‘โ€๐Ÿ’ป๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

NPM version NPM Downloads Docs & Demos Themes
GitHub stars

Video Previews: one | two


Status: Public Beta ๐ŸŽ‰
Made possible from my Sponsor Program ๐Ÿ’–

Slidev - Presentation Slides for Developers | Product Hunt

Motivation

I always found myself spending too much time styling and layouting slides when using apps like PowerPoint / Keynote / Google Slides. Whenever I need to share code snippets, I would also need to use other tools to generate the highlighted code as images over and over again.

So as a frontend developer, why not solve it the way that fits better with what I am good at?

Learn more at sli.dev

Features

  • ๐Ÿ“ Markdown-based - use your favorite editors and workflow
  • ๐ŸŽจ Themable - theme can be shared and used with npm packages
  • ๐Ÿง‘โ€๐Ÿ’ป Developer Friendly - built-in code highlighting, live coding, LaTeX, etc.
  • ๐Ÿคน Interactive - embedding Vue components seamlessly
  • ๐ŸŽฅ Recording - built-in recording and camera view
  • ๐Ÿ“ค Portable - export into PDF, PNGs, or even a hostable SPA
  • โšก๏ธ Fast - instant reloading powered by Vite
  • ๐Ÿ›  Hackable - using Vite plugins and any npm packages

Documentations

Docs and guides at sli.dev

The best way to understand it is to try it, just one command away:

npm init slidev

For a full example, you can check the demo folder, which is also the source file for my previous talk.

Tech Stack

Sponsors

This project is made possible by all the sponsors supporting my work:

License

MIT License ยฉ 2021 Anthony Fu