A docsify plugin for creating slideshow-like pages.
28
stars
38
commits
JavaScript
primary language
Jun 9, 2026
updated
README
docsify-slides
A plugin for docsify that allows you to write documentation which acts like a slideshow.
Install
Simply include the plugin with your docsify project:
<script src="https://unpkg.com/docsify-slides@1.1.2/dist/docsify-slides.min.js"></script>
NOTE: This plugin works best in combination with
docsify-paginationplugin. Be sure to also enable this plugin on your docsify site for the full experience.
Default Closed Sidebar
If you would like to have the docsify sidebar hidden by default, simply add the class="close" to your main body tag in your index.html.
<body class="close">...</body>
What is it?
This is a simple plugin which gives you a flexible two-column layout via a custom markdown syntax.
Just add:
<!-- slide:break -->
or
<!-- slide:break-# -->
where # is the percent of the total width you want the left side of the slide to be. (i.e. <!-- slide:break-60 -->)
Check out the example.
Features
- Responsive two column layout for your markdown pages.
- Reduced margins and spacing to maximize presentation real estate.
- Closed sidebar behavior is fixed on mobile screens.
If you enable docsify-pagination:
- Navigate between pages with
<-and->keys. docsify-paginationacts as a sticky footer, so it is always visible on screen.
Contributors
Similar repos
Languages
JavaScript
86.3%
CSS
8.8%
HTML
4.9%
A docsify plugin for creating slideshow-like pages.
28
stars
38
commits
JavaScript
primary language
Jun 9, 2026
updated
README
docsify-slides
A plugin for docsify that allows you to write documentation which acts like a slideshow.
Install
Simply include the plugin with your docsify project:
<script src="https://unpkg.com/docsify-slides@1.1.2/dist/docsify-slides.min.js"></script>
NOTE: This plugin works best in combination with
docsify-paginationplugin. Be sure to also enable this plugin on your docsify site for the full experience.
Default Closed Sidebar
If you would like to have the docsify sidebar hidden by default, simply add the class="close" to your main body tag in your index.html.
<body class="close">...</body>
What is it?
This is a simple plugin which gives you a flexible two-column layout via a custom markdown syntax.
Just add:
<!-- slide:break -->
or
<!-- slide:break-# -->
where # is the percent of the total width you want the left side of the slide to be. (i.e. <!-- slide:break-60 -->)
Check out the example.
Features
- Responsive two column layout for your markdown pages.
- Reduced margins and spacing to maximize presentation real estate.
- Closed sidebar behavior is fixed on mobile screens.
If you enable docsify-pagination:
- Navigate between pages with
<-and->keys. docsify-paginationacts as a sticky footer, so it is always visible on screen.
Similar repos
Contributors
Languages
JavaScript
86.3%
CSS
8.8%
HTML
4.9%