Slidev - Presentation slides for developers

  •        175

Slidev is a web-based slides maker and presenter. It's designed for developers to focus on writing content in Markdown while also having the power of HTML and Vue components to deliver pixel-perfect layouts and designs with embedded interactive demos in your presentations.

It uses a feature-rich markdown file to generate beautiful slides with an instant reloading experience, along with many built-in integrations such as live coding, PDF exporting, presentation recording, and so on. Since it's powered by the web, you can do anything with Slidev - the possibilities are endless.

Slidev aims to provide the flexibility and interactivity for developers to make their presentations even more interesting, expressive, and attractive by using the tools and technologies they are already familiar with. When working with WYSIWYG editors, it is easy to get distracted by the styling options. Slidev remedies that by separating the content and visuals. This allows you to focus on one thing at a time, while also being able to reuse the themes from the community. Slidev does not seek to replace other slide deck builders entirely. Rather, it focuses on catering to the developer community.

https://sli.dev/
https://github.com/slidevjs/slidev

Tags
Implementation
License
Platform

   




Related Projects

jupyter2slides - Cloud Native Presentation Slides with Jupyter Notebook + Reveal.js

  •    HTML

Microsoft PowerPoint is cool. I like it! It is like a Swiss army knife for consultants. You can make beautiful slides with it. When it comes to code though, PowerPoint sucks. Really! The solution is to use reveal.js. It is cool. You can use Markdown to highlight code. It is responsive but like LaTeX, it can be tedious. Another way to use reveal.js is through Jupyter Notebook. You just create a notebook and then use nbconvert to get reveal.js slides as well. The standard output is however boring. I seriously mean it! This repo therefore tries to bridge this gap by using customized colors and images.

fusuma - ✍️Fusuma makes slides with Markdown easily.

  •    Javascript

When npx fusuma start is executed, fusuma will create slides like follows on http://localhost:8080. Fusuma provides the below development screen which has a reference and slides list. In addition, Fusuma adds a sidebar and when you set section titles, fusuma shows them on the sidebar. Fusuma offers the following themes also users can customize them because this is just CSS.

md2key - Convert markdown to keynote

  •    Ruby

Convert your markdown to keynote. The slides in the movie can be generated with following markdown. You can separate slides with --- just for readability.

LibreOffice - The Document foundation

  •    C

LibreOffice is the free power-packed Open Source personal productivity suite for Windows, Macintosh and Linux. LibreOffice is the perfect choice for home users, businesses, government and other organizations. It's native file format is the ISO standardized ODF (Open Document Format), but LibreOffice can open and save Microsoft Word, PowerPoint and Excel files, as well as many other formats, bringing you the widest-available compatibility with other products.


mdx-deck - :spades: MDX-based presentation decks

  •    Javascript

Create an MDX file and separate each slide with ---. For a video introduction, see this egghead tutorial by @andrewdelprete.

xaringan - Presentation Ninja 幻灯忍者 · 写轮眼

  •    R

An R package for creating slideshows with remark.js through R Markdown. The package name xaringan comes from Sharingan, a dōjutsu in Naruto with two abilities: the "Eye of Insight" and the "Eye of Hypnotism". A presentation ninja should have these basic abilities, and I think remark.js may help you acquire these abilities, even if you are not a member of the Uchiha clan. If you use RStudio, it is easy to get started from the menu File -> New File -> R Markdown -> From Template -> Ninja Presentation, and you will see an R Markdown example. Press the Knit button to compile it, or use the RStudio Addin Infinite Moon Reader to live preview the slides (every time you update and save the Rmd document, the slides will be automatically reloaded; make sure the Rmd document is on focus when you click the addin). Please see the issue #2 if you do not see the template or addin in RStudio.

vite-ssg - Server-side generation for Vue 3 on Vite

  •    TypeScript

Server-side generation for Vue 3 on Vite. ℹ️ Vite 2 is supported from v0.2.x, Vite 1's support is discontinued.

windicss - Next generation utility-first CSS framework.

  •    TypeScript

Next generation utility-first CSS framework. If you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2.0 and with a bunch of additional cool features.

Plausible Analytics - Simple, open-source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics

  •    Elixir

Plausible Analytics is a simple, lightweight (< 1 KB), open-source and privacy-friendly alternative to Google Analytics. It doesn’t use cookies and is fully compliant with GDPR, CCPA and PECR. You can self-host Plausible or have us run it for you in the Cloud. It is easy to understand and it cuts through the noise. Check your site traffic and get all the essential insights on one page in one minute. There are no layers of menus, there is no need for you to build custom reports, custom dashboards or PowerPoint documents.

bespoke - DIY Presentation Micro-Framework

  •    Javascript

Bespoke.js is a super minimal (1KB min'd and gzipped), modular presentation library for modern browsers, designed to foster a rich plugin ecosystem. The core library sets up the presentation, provides a simple control API and manages events. Any other functionality is implemented as a plugin.

markdown-preview-enhanced - One of the 'BEST' markdown preview extensions for Atom editor!

  •    HTML

Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown. Feel free to ask questions, post issues, submit pull request, and request new features.

marp - Markdown presentation writer, powered by Electron.

  •    CoffeeScript

Markdown presentation writer, powered by Electron. ⚠️ This repository is pre-release version, and we have already dropped maintenance. We are planning the future of Marp at @marp-team/marp (UNDER CONSTRUCTION and NOT READY TO USE).

Baserow - Online database tool and Airtable alternative

  •    Python

Baserow is an open source online database tool and Airtable alternative. Create your own database without technical experience. It has user friendly no-code tool gives you the powers of a developer without leaving your browser.

NocoDB - The Open Source Airtable alternative

  •    Vue

NocoDB is an open source Airtable alternative. NocoDB works by connecting to any relational database and transforming them into a smart spreadsheet interface! This allows you to build no-code applications collaboratively with teams. NocoDB currently works with MySQL, PostgreSQL, Microsoft SQL Server, SQLite, Amazon Aurora & MariaDB databases.

Chromely - Lightweight Alternative to Electron for .NET/.NET Core HTML5 Desktop Apps

  •    CSharp

Chromely is a lightweight alternative to Electron.NET, Electron for .NET/.NET Core developers. Chromely is a .NET/.NET Core HTML5 Chromium desktop framework. It is focused on building apps based on Xilium.CefGlue, CefSharp implementations of embedded Chromium (Cef) without WinForms or WPF. Chromely uses Windows and Linux native GUI API as "thin" chromium hosts. It can be extended to use WinForms or WPF.

PostWoman - API request builder - A free, fast, and beautiful alternative to Postman

  •    Vue

PostWoman is an API request builder which is a free, fast, and beautiful alternative to Postman. It is lightweight, Crafted with minimalistic UI design. Faster, lighter, cleaner, minimal & responsive. Send requests and get/copy responses in real-time.

unplugin-vue-components - 📲 On-demand components auto importing for Vue

  •    TypeScript

On-demand components auto importing for Vue. vite-plugin-components has been renamed to unplugin-vue-components, see the migration guide.

Laverna - Note taking application with Markdown editor and encryption support

  •    Javascript

Laverna is a JavaScript note-taking web application with a Markdown editor and encryption support. It's built to be an open source alternative to Evernote. The application stores all your notes in your browser databases such as indexedDB or localStorage, which is good for security reasons, because only you have access to them.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.