Welcome to MoonMDS 🌙

Welcome to MoonMDS – your gateway to experiencing markdown files like never before. This isn't just another markdown viewer; it's a complete reimagining of how documentation should look and feel.

What Makes MoonMDS Special?

MoonMDS transforms ordinary markdown files into visually stunning presentations. Here's what you can expect:

✨ Beautiful Visual Design

Every element has been carefully crafted with attention to detail:

Gradient animations that bring pages to life
Glassmorphism effects for a modern, layered feel
Smooth transitions throughout the interface
Responsive layouts that work on any device

🎨 Theme Support

Switch between light and dark modes seamlessly. The theme system adapts to your system preferences automatically, or you can choose manually.

📱 Mobile-First

MoonMDS works beautifully on:

Device	Experience
Desktop	Full-featured with sidebar TOC
Tablet	Optimized touch interactions
Mobile	Compact, readable layout

Code Highlighting

MoonMDS supports syntax highlighting for all popular languages:

hljs javascript
// JavaScript example
const moonmds = {
  name: 'MoonMDS',
  version: '1.0.0',
  features: ['beautiful', 'fast', 'accessible'],
  
  greet() {
    console.log('Welcome to MoonMDS! 🌙');
  }
};

moonmds.greet();

hljs python
# Python example
class MarkdownViewer:
    def __init__(self, name="MoonMDS"):
        self.name = name
        self.features = ["themes", "sharing", "toc"]
    
    def render(self, content: str) -> str:
        """Transform markdown into beautiful HTML."""
        return self.beautify(self.parse(content))

hljs typescript
// TypeScript example
interface DocumentMeta {
  title: string;
  description?: string;
  tags: string[];
  readingTime: number;
}

const processDocument = (meta: DocumentMeta): void => {
  console.log(`Processing: ${meta.title}`);
};

Rich Content Support

Blockquotes

"Documentation is a love letter that you write to your future self."

— Damian Conway

Lists

Ordered List:

First, create your markdown files
Place them in the root directory
Watch them appear in the beautiful file browser
Click to view with stunning visuals

Unordered List:

Easy navigation with back button
Native share functionality
Responsive pagination
Search and filter capabilities

Task Lists

Create beautiful UI
Add dark mode
Implement code highlighting
Add share button
World domination (in progress)

Getting Started

Getting started with MoonMDS is simple:

Add your .md files to the root directory
They'll automatically appear in the file browser
Click any file to view it beautifully rendered
Use the share button to share with others

Happy documenting! 🚀