Mostage

Presentation framework based on
Markdown and HTML

Available as a NPM Package, CLI and Editor

CLI Editor Demo GitHub
presentation.md 
# Welcome to Mostage

## A simple presentation framework

---

## What is Mostage?

Mostage is a modern presentation framework

---

### Key Features

- **Markdown Support** - Write in Markdown
- **HTML Support** - Use HTML when needed
- **Web-based** - Runs in any modern browser

Why Mostage?

Discover the powerful features that make Mostage the perfect choice for your presentations

Markdown Support

Write slides in Markdown - simple and familiar syntax

HTML Support

Use HTML when needed for advanced layouts and interactions

Web-based

Runs in any modern browser - no installation required

Configuration

Easy to configure and customize for your specific needs

Theme System

Built-in themes and easy custom theme creation

Plugin System

Extend functionality with built-in and custom plugins

Theme System

Choose from built-in themes or create your own custom themes

Light Theme

Classic Presentations

Clean and professional design

Dark Theme

Code Presentations

Perfect for low-light conditions

Dracula Theme

Vibrant Accents

Popular dark theme with vibrant colors

Ocean Theme

Calm & Elegant

Inspired by the sea, refreshing design

Rainbow Theme

Colorful & Bright

Vibrant colors for creative presentations

Custom Theme

Your Style

Create themes that match your brand

Theme System: You can create your own custom themes!

Plugin System

Extend Mostage functionality with built-in and custom plugins

ProgressBar

Shows presentation progress with visual indicator

SlideNumber

Displays current slide number and total count

Controller

Navigation buttons for easy slide control

OverviewMode

Grid view with all slides for quick navigation

Confetti

Celebration animations for special moments

Custom Plugins

Create your own plugins easily

Plugin System: You can create your own custom plugins!

Live Demo

Example of a Mostage presentation showcasing all features and plugins

Mostage Demo Screenshot

CLI

Create presentations using CLI, Library, or other methods

Important CLI Commands
$ npx mostage example
Creating example project...
$ npx mostage new
Creating new presentation...
$ npx mostage export
Export to a single HTML file
$ npx mostage export --format pdf
Export to a PDF file
$ npx mostage help
Displaying help information...
Library Usage
Install the package in your project
$ npm install mostage
Package installing...
Use it in your project 

import { Mostage } from 'mostage';

const mo = new Mostage('./conf.json');  

mo.start();

The live demo is the result of running npx mostage example

Online Editor Beta Version

Create and edit presentations directly in your browser with our online editor

Mostage Online Editor Screenshot