Welcome to Markdown Previewer ✨
This is a live markdown editor with real-time preview. Start typing on the left and see your changes instantly!
Features
- 📝 Live Preview - See your markdown rendered in real-time
- 🎨 Beautiful UI - Clean, modern interface
- ⌨️ Keyboard Shortcuts - Ctrl+B for bold, Ctrl+I for italic
- 📋 Templates - Choose from pre-built templates
- 💾 Auto-save - Your content is saved to local storage
Markdown Examples
Text Formatting
You can write bold text, italic text, or strikethrough. You can even combine them like bold and italic.
Lists
Unordered List:
- First item
- Second item
- Nested item
- Third item
Ordered List:
- First step
- Second step
- Third step
Task List:
- Learn markdown basics
- Try the previewer
- Write something amazing
Code
Inline code looks like this.
Code blocks with syntax highlighting:
interface User {
id: number;
name: string;
email: string;
}
function greet(user: User): string {
return `Hello, ${user.name}!`;
}
Blockquote
"The best way to predict the future is to create it."
— Peter Drucker
Tables
| Feature | Status | Priority |
|---|---|---|
| Live Preview | ✅ Done | High |
| Templates | ✅ Done | Medium |
| Export | 🚧 In Progress | Low |
Links & Images
Visit GitHub to learn more.
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Tab | Insert 2 spaces |
Ctrl/Cmd + B | Bold |
Ctrl/Cmd + I | Italic |
Ctrl/Cmd + K | Insert link |
Happy writing! 🚀