---
title: mdts Live Demo
description: Interactive demonstration of mdts features and capabilities
author: mdts
category: Demo
tags:
  - demo
  - examples
  - features
  - live-preview
type: welcome
---

# Welcome to mdts Demo! 🚀

Experience the power of **mdts** (Markdown Tree Server) - a modern, zero-config CLI tool for previewing Markdown files with an intuitive web interface.

## ✨ What You're Seeing

This live demo showcases mdts running on real example documents. Explore the interface to see how mdts transforms your local Markdown files into a beautiful, navigable documentation browser.

### 🎮 Try These Features:
- **Navigation**: Use the file tree (left) to browse different example documents
- **Custom Themes**: Click the gear icon (⚙️) to explore 20+ application themes and syntax highlighting options  
- **Table of Contents**: Check the outline panel (right) for quick section navigation
- **Responsive Design**: Resize your browser to see how the layout adapts

## 🚀 Get Started

Ready to use mdts for your own projects? 

```bash
npx mdts
```

Visit our [GitHub repository](https://github.com/unhappychoice/mdts) for installation instructions and documentation.

## 📚 Documentation & Guides

### 🔍 Project Documentation
- **[Use Cases](/docs/usecases.md)** - Real-world workflows and examples
- **[Markdown Features](/docs/markdown_features.md)** - Complete feature reference
- **[Frontend Features](/docs/frontend_features.md)** - UI capabilities and interface guide
- **[Advanced Configuration](/docs/configuration.md)** - Customization and settings guide
- **[API Reference](/docs/api.md)** - Developer API documentation
- **[Troubleshooting](/docs/troubleshooting.md)** - Common issues and solutions
- **[Comparison](/docs/comparison.md)** - How mdts compares to other tools
- **[FAQ](/docs/faq.md)** - Frequently asked questions

## 🎯 Feature Demonstrations

Explore these interactive examples to see mdts's comprehensive Markdown support:

### 📊 Rich Content Features  
- **[Tables](/example_documents/features/tables.md)** - Beautiful table rendering with alignment support
- **[Mermaid Diagrams](/example_documents/features/mermaid.md)** - Interactive flowcharts, sequence diagrams, and more
- **[PlantUML Diagrams](/example_documents/features/plantuml.md)** - UML diagrams with sequence, class, activity, and more
- **[Math Formulas](/example_documents/features/math.md)** - LaTeX-style mathematical expressions with KaTeX
- **[GitHub Alerts](/example_documents/features/alerts.md)** - Note, warning, and caution callouts

### 🎨 Text & Formatting
- **[Typography](/example_documents/features/typography.md)** - Headers, emphasis, lists, and text styling
- **[Code Syntax](/example_documents/features/code-syntax.md)** - Syntax highlighting with customizable themes
- **[Footnotes](/example_documents/features/footnotes.md)** - Reference-style footnotes for detailed documentation
- **[Links](/example_documents/features/links.md)** - Internal and external linking capabilities

### 🔧 Advanced Features
- **[Frontmatter](/example_documents/features/frontmatter.md)** - YAML metadata support for document properties
- **[Inline HTML](/example_documents/features/inline-html.md)** - Embed raw HTML when needed
- **[Abbreviations](/example_documents/features/abbreviations.md)** - Expand acronyms and short forms
- **[Definition Lists](/example_documents/features/definition-lists.md)** - Structured term and definition pairs

## 📋 Specification Examples

- **[Basic Markdown](/example_documents/specs/basic.md)** - Core CommonMark specification features
- **[GitHub Flavored](/example_documents/specs/github_flavored.md)** - GFM extensions and enhancements
