/slidev

Presentation Slides for Developers (Beta)

Primary LanguageTypeScriptMIT LicenseMIT


Slidev

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

NPM version NPM Downloads Docs & Demos Themes
GitHub stars

Video Preview


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

Features

  • ๐Ÿ“ Markdown-based - use your favorite editors and workflow
  • ๐Ÿง‘โ€๐Ÿ’ป Developer Friendly - built-in syntax highlighting, live coding, etc.
  • ๐ŸŽจ Themable - theme can be shared and used with npm packages
  • ๐ŸŒˆ Stylish - Windi CSS on-demand utilities, easy-to-use embedded stylesheets
  • ๐Ÿคน Interactive - embedding Vue components seamlessly
  • ๐ŸŽ™ Presenter Mode - use another window, or even your phone to control your slides
  • ๐Ÿงฎ LaTeX - Built-in LaTeX math equations support
  • ๐Ÿ“ฐ Diagrams - Creates diagrams with textual descriptions
  • ๐ŸŒŸ Icons - Access to icons from any iconset directly
  • ๐Ÿ’ป Editors - Integrated editor, or extension for VS Code
  • ๐ŸŽฅ 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, Vue components, or any npm packages

Getting Started

Install Node.js >=14 and run the following command:

npm init slidev

Documentations: English | ไธญๆ–‡ๆ–‡ๆกฃ | Franรงais | Espaรฑol | ะ ัƒััะบะธะน

Discord: chat.sli.dev

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