So you`ve got a code presentation coming up, but whilst it looks beautiful in your text-editor with syntax highlighting, it`s ugly in Keynote. If you are a developer, and you ever tried to show code on your slides, you know it`s painful. So here are 10 Best Code Presentation Tools for Developer to create better slides in a timely fashion.

Slidev

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.

Source

Spectacle code slide

This is a library for writing presentations in React using JSX syntax. It allows you to add clickable elements and other interactivity to make your presentations pop and show people more than just a code block – demo the final project in real-time without leaving your presentation deck.

Source

Glorious

The easiest way of creating animations to show your code in action.

Source

GitPitch

This is a markdown presentation service for everyone on Git. You can use it to promote, pitch or present absolutely anything using the tools you already know and love – Markdown + Git.

Source

Bespoke.js

This is a super minimal, modular presentation library for modern browsers, designed to foster a rich plugin ecosystem.

Source

Code Surfer

React component for scrolling, zooming and highlighting code samples.

Source

src2png

Turn your source code into beautiful syntax-highlighted images.

Source

Markdeck

Generate slide decks from markdown files from within the command line.

Source

Shower

Shower supports text formatting (including in-line code highlighting), lists (numbered, unnumbered, and mixed), syntax highlighting, block quotes, and even tables. It can also handle images and incremental slides.

Source

WebSlides

Finally, everything you need to make HTML presentations, landings, and longforms in a beautiful way. Just a basic knowledge of HTML and CSS is required. Designers, marketers, and journalists can now focus on the content.

Source

Marp

Marp is an Electron app in which you craft slides using a simple two-pane editor: Write in Markdown in the left pane and you get a preview in the right pane.

Source