What image formats can I export?

You can export crystal-clear PNG images with 2x Retina resolution, or copy the image directly to your clipboard for instant pasting on Twitter, WeChat, Xiaohongshu, or Slack.

Can I customize the themes and aspect ratio?

Yes! MDPreview provides 6 designer themes (Minimal, Midnight, Sunset, Emerald, Sepia, Aurora) and multiple aspect ratios including Auto, 1:1 Square, 3:4 Portrait, and 16:9 Landscape.

Absolutely. The card rendering and image generation occur 100% locally in your browser memory using HTML5 canvas and SVG rendering. Zero server transmission.

Viral Social & Knowledge Cards

Turn Markdown into Stunning Shareable Cards

Transform markdown notes, quotes, code snippets, and changelogs into beautiful visual cards for Twitter/X, Xiaohongshu, LinkedIn, and blogs. Free, fast, and exported in 2x Retina clarity.

Content Source

Style & Aesthetics

Card Theme

Aspect Ratio

Typography

Card Padding

Author & Watermark

Author Name

Handle / Bio

Show Today's Date Show MDPreview Badge

High-Res Retina Export

Export crisp 2x resolution PNGs with crystal-clear fonts and syntax-highlighted code blocks, optimized for social feeds.

Designer Color Palettes

Choose from 6 handcrafted aesthetic themes with gradients, soft shadows, and dark mode, tailored for modern developers and writers.

One-Click Clipboard Copy

Generate and copy image blobs directly to your clipboard. Paste right into Twitter, Xiaohongshu, WeChat, or Slack without saving files.

How to Turn Markdown into Social Cards

Write or Paste Markdown

Type your notes, quotes, or code snippets, or click "From Editor" to load your current MDPreview draft.

Pick Theme & Dimensions

Select your favorite backdrop theme, customize author credentials, and choose social aspect ratios (Square, 3:4, 16:9).

Copy Image or Download

Click "Copy Image" to paste directly into your social apps, or download a 2x Retina PNG to share anywhere.

Frequently Asked Questions

Where are the exported cards hosted?

Nowhere! Card images are generated 100% locally in your browser memory and downloaded directly to your device. We do not store or track your content.

Can I use these cards for commercial projects?

Yes. Any image or card you generate with MDPreview is 100% yours to publish, share, and monetize without attribution or restrictions.

Does it support code syntax highlighting?

Yes, code blocks with language tags (e.g. `javascript, `python, ` ust) are highlighted using highlight.js with beautiful styling.

What aspect ratio should I use for Xiaohongshu?

We recommend using the "Portrait 3:4" aspect ratio for Xiaohongshu and Instagram stories for the best vertical viewing experience.