Member-only story

Beautiful Slides in Markdown With Slidev

Maciej
5 min readAug 24, 2021

--

What exactly is Slidev ?

Slidev is a presentation tool for engineers. You can generate beautiful slides from documents written in Markdown.

See also the official demo and its source, Markdown .

Featured features

Flexible layout

Slidev uses Windi CSS ( Tailwind CSS compatible) and allows you to specify a Grid layout. Since you can arrange the contents freely up, down, left and right, you can create slides by making the best use of the space.

The above is a screenshot when editing Markdown while previewing slides ( related tweets ). Notice that because we are using the Grid layout, the preview screen on the right can show areas where content is placed on the left and right and areas where it is not on the same page.

Through the utilization of the Grid layout of the above example as the region’s, and the width of the eye full use area of the slide, before, after you can mix a region that is divided into left and right as in the area of.

--

--

Maciej
Maciej

Written by Maciej

DevOps Consultant. I’m strongly focused on automation, security, and reliability.

No responses yet