Welcome to Markos

A minimal, elegant markdown editor with live preview.

Getting Started

Start typing on the left and watch the rendered output appear in real time on the right. Drag the divider to resize the panels.

Typography

Markos renders your content with carefully tuned typography designed for readability. You can use italics, bold, or strikethrough to emphasize your text.

Lists

Ordered lists work naturally:

1. First item with context
2. Second item builds on the first
3. Third item wraps things up

Unordered lists are clean and readable:

• Design systems and tokens
• Component architecture
• Responsive layouts
  • Mobile-first approach
  • Breakpoint strategy

Code

Inline code like const x = 42 renders with a subtle background.

Code blocks get their own treatment:

javascript
function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

Blockquotes

Good design is as little design as possible. Less, but better, because it concentrates on the essential aspects.

— Dieter Rams

Tables

Task Lists

• Set up markdown parser
• Add syntax highlighting
• Implement GFM support
• Add export functionality
• Write documentation

Links

Explore resources like GitHub or MDN Web Docs.

Resize the panels by dragging the center divider.