https://github.com/slidevjs/slidev Skip to content Sign up Sign up * Why GitHub? Features - + Mobile - + Actions - + Codespaces - + Packages - + Security - + Code review - + Project management - + Integrations - + GitHub Sponsors - + Customer stories- * Team * Enterprise * Explore + Explore GitHub - Learn and contribute + Topics - + Collections - + Trending - + Learning Lab - + Open source guides - Connect with others + The ReadME Project - + Events - + Community forum - + GitHub Education - + GitHub Stars program - * Marketplace * Pricing Plans - + Compare plans - + Contact Sales - + Education - [ ] [search-key] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this organization All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up Sign up {{ message }} slidevjs / slidev * Sponsor Sponsor slidevjs/slidev * Notifications * Star 968 * Fork 17 Presentation Slides for Developers (Public Beta ) sli.dev MIT License 968 stars 17 forks Star Notifications * Code * Issues 3 * Pull requests 1 * Actions * Security * Insights More * Code * Issues * Pull requests * Actions * Security * Insights main Switch branches/tags [ ] Branches Tags Nothing to show {{ refName }} default View all branches Nothing to show {{ refName }} default View all tags 1 branch 7 tags Code Clone HTTPS GitHub CLI [https://github.com/s] Use Git or checkout with SVN using the web URL. [gh repo clone slidev] Work fast with our official CLI. Learn more. * Open with GitHub Desktop * Download ZIP Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Go back Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Go back Launching Xcode If nothing happens, download Xcode and try again. Go back Launching Visual Studio If nothing happens, download the GitHub extension for Visual Studio and try again. Go back Latest commit @plankalql plankalql and Niklas Oberwoerder docs: fix typo in Themes Gallery page (#11) ... c2ec354 May 5, 2021 docs: fix typo in Themes Gallery page (#11) Co-authored-by: Niklas Oberwoerder c2ec354 Git stats * 401 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time .github chore: fix ci May 5, 2021 .vscode feat(parser): infer title for each page Apr 30, 2021 assets docs: add og-image May 5, 2021 demo feat: add counter to demo May 5, 2021 docs docs: fix typo in Themes Gallery page (#11) May 5, 2021 packages chore: release v0.2.0 May 5, 2021 scripts fix: publish script May 5, 2021 test chore: fix tests May 5, 2021 .eslintignore docs: drafting Apr 23, 2021 .eslintrc chore: setup tests Apr 18, 2021 .gitignore fix: publish script May 5, 2021 .npmrc chore: setup tests Apr 18, 2021 .tazerc.json refactor: externalize remote assets plugin Apr 18, 2021 LICENSE chore: add info page Apr 24, 2021 README.md docs: add readme for packages May 5, 2021 jest.config.js chore: setup tests Apr 18, 2021 netlify.toml feat: new domain May 5, 2021 package.json chore: release v0.2.0 May 5, 2021 pnpm-lock.yaml chore: update deps May 5, 2021 pnpm-workspace.yaml feat: theme working Apr 16, 2021 shim.d.ts feat: prod build tree shaking Apr 27, 2021 tsconfig.json refactor: unifiy code block styles May 4, 2021 View code Motivation Features Documentations Tech Stacks Sponsors License README.md 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 ] 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 that? Learn more: Why Slidev? 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 * 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 on 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 Stacks * Vite - An extremely fast frontend tooling * Vue powered Markdown - Focus on the content while having the power of HTML and Vue components whenever needed * Windi CSS - On-demand utility-first CSS framework, style your slides at ease * Prism, Shiki, Monaco Editor - First-class code snippets support with live coding capability * RecordRTC - Built-in recording and camera view * VueUse family - @vueuse/head, @vueuse/motion, etc. Sponsors This project is made possible by all the sponsors supporting my work: [6874747073] License MIT License (c) 2021 Anthony Fu About Presentation Slides for Developers (Public Beta ) sli.dev Topics vue presentation slides vite vueuse windicss Resources Readme License MIT License Releases 7 v0.2.0 Latest May 5, 2021 + 6 releases Sponsor this project Sponsor Learn more about GitHub Sponsors Used by 2 * @slidevjs @slidevjs / slidev * @antfu @antfu / talks Contributors 4 * @antfu antfu Anthony Fu * @nico-bachner nico-bachner Nico Bachner * @bramceulemans bramceulemans Bram Ceulemans * @plankalql plankalql Languages * TypeScript 58.5% * Vue 28.8% * CSS 6.1% * JavaScript 6.0% * HTML 0.6% * (c) 2021 GitHub, Inc. * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.