Repository files navigation

Presentationslides fordevelopers 🧑‍💻👩‍💻👨‍💻

Video Preview |Documentation

Made possible by mySponsor Program 💖

• 📝Markdown-based - focus on content and use your favorite editor
• 🧑‍💻Developer Friendly - built-in code highlighting, live coding, etc.
• 🎨Themable - theme can be shared and used with npm packages
• 🌈Stylish - on-demand utilities viaUnoCSS.
• 🤹Interactive - embedding Vue components seamlessly
• 🎙Presenter Mode - use another window, or even your phone to control your slides
• 🎨Drawing - draw and annotate on your slides
• 🧮LaTeX - built-in LaTeX math equations support
• 📰Diagrams - creates diagrams using textual descriptions withMermaid
• 🌟Icons - access to icons from any icon set directly
• 💻Editor - integrated editor, or theVSCode extension
• 🎥Recording - built-in recording and camera view
• 📤Portable - export into PDF, PNGs, or PPTX
• ⚡️Fast - instant reloading powered byVite
• 🛠Hackable - using Vite plugins, Vue components, or any npm packages

sli.dev/new

InstallNode.js >=18 and run the following command:

npm init slidev

Documentation:English |中文文档 |Français |Español |Русский |Português-BR

Discord:chat.sli.dev

For a full example, you can check thedemo folder, which is also the source file formy previous talk.

• Vite - An extremely fast frontend tooling
• Vue 3 poweredMarkdown - Focus on the content while having the power of HTML and Vue components whenever needed
• UnoCSS - On-demand utility-first CSS engine, style your slides at ease
• Shiki,Monaco Editor - First-class code snippets support with live coding capability
• RecordRTC - Built-in recording and camera view
• VueUse family -@vueuse/core,@vueuse/motion, etc.
• Iconify - Icon sets collection.
• Drauu - Drawing and annotations support
• KaTeX - LaTeX math rendering.
• Mermaid - Textual Diagrams.

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

MIT License © 2021Anthony Fu