6 Open Source Tools to create inspiring presentations
Tags: presentation, markdown, opensource, css
Published: 2020-12-20 18:18:29

---
canonical_url: https://blog.natterstefan.me/6-open-source-tools-to-create-inspiring-presentations
---

## 6 Open Source Presentation Tools

As a software developer, PowerPoint, Keynote, or Google Sheets quickly become boring for presentations. You want something different, you want to create the presentation with Markdown files, HTML, or JavaScript. There are some open source solutions for that, like [reveal.js](https://revealjs.com), [mdx-deck](https://github.com/jxnblk/mdx-deck), [Spectacle](https://github.com/FormidableLabs/spectacle), [remark](https://github.com/gnab/remark), [webslides](https://webslides.tv) or [impress.js](https://impress.js.org/). Each solution allows you to create presentations yourself in minutes, push them to GitHub, and share them with your audience.

Personally, I have tried mdx-deck and Impress.js in the past. Which one do you use?

## ⛓ Links of the Week

- Last week I told you about [ScrollMagic](https://blog.natterstefan.me/i-started-streaming-on-twitch-and-youtube-week-in-review). This week I have another similar tool for you: [lax.js](https://github.com/alexfoxy/lax.js). With lax.js you can also make great animations when the user scrolls too. Vaibhav Khulbe describes in his article ["Create a crazy input interaction with lax.js. 🤪"](https://daily.dev/posts/create-a-crazy-input-interaction-with-lax-js) how you can also use lax.js when the visitor fills in an input field.
- I am a very big admirer of CSS-Art. I admire the patience, precision, and attention to detail that the artists invest. Among the CSS artists is [Kass](https://codepen.io/kassandrasanch). Her [Ring camera looks deceptively real](https://codepen.io/kassandrasanch/pen/oNzzMjr?editors=0100
), doesn't it?
- With [React Icons](https://react-icons.github.io/react-icons) it's a breeze to add Bootstrap, Feather, Font Awesome, Hero-, VS Code, css.gg, and more popular icons to your React app.
- Wouldn't it be great if you didn't have to change anything in your Docker container image and could still shrink it by a factor of up to 30x? That's what [docker-slim](https://github.com/docker-slim/docker-slim) promises!
- Static site generators are becoming more and more popular. [Eleventy](https://www.11ty.dev/), a JavaScript alternative to Jekyll, promises to be another simple solution.
- While we're on the topic of static site generators, [Speedlify](https://github.com/zachleat/speedlify) lets you quickly and easily create a web performance and accessibility benchmark. Here are some [Eleventy benchmarks](https://www.11ty.dev/speedlify/).
- At work the other day we were discussing if and how it is possible to keep multiple React mini-apps in sync with [Redux](https://redux.js.org/) in one document. Here is a clear [example](https://codesandbox.io/s/example-multiple-redux-store-on-sampe-page-forked-r2f6x?file=/index.js) that shows how it works. It's easier than you might think.
- When I [started streaming](https://www.youtube.com/user/natterstefan?sub_confirmation=1), I also looked into the topic of "virtual-cams". Not because I use it with OBS, but because I wondered if I could use OBS' output in Skype, Slack, and other apps. And lo and behold, it's actually possible on macOS as well. Thanks to the [open-source solution of John Boiles](https://github.com/johnboiles/obs-mac-virtualcam) and the other contributors.

## 📺 My latest Video

{% youtube qy05c9iClj8 %}

## 🐦 Tweets of the Week

{% twitter 1235321238119165955 %}
{% twitter 1337807425848528896 %}
{% twitter 1337027237812592641 %}
{% twitter 1336691028473090050 %}
{% twitter 1312573876640063488 %}

## 💜 Special thanks to these inspiring people

{% twitter 1334760406741516289 %}
{% twitter 1336052213173653509 %}
{% twitter 1335994641460719617 %}

See you next week - thank you. 👋🏻

Stefan

---

*If you like my [articles](https://blog.natterstefan.me/), you probably like my [tweets](https://twitter.com/intent/follow?screen_name=natterstefan) and [newsletter](https://newsletter.natterstefan.me/) too. Let's stay connected on [Twitter](https://twitter.com/intent/follow?screen_name=natterstefan), [LinkedIn](http://www.linkedin.com/in/natterstefan), and [GitHub](https://github.com/natterstefan).*

---

*This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.*