loading code fetching the highlighted snippet
FIG-001/ DEMO
live playground.
Edit markdown on the left, see it rendered on the right. Mix markdown with HTML — both render in real time with a 500ms debounce.
- Type or paste markdown on the left. Inline HTML —
<em>,<span style>,<a>— renders right alongside. - The preview updates 500ms after the last keystroke, so large pastes don't thrash the renderer.
- Powered by the same
SvelteMarkdownyou'd drop into your own app — no special playground harness.
Welcome to My Markdown Playground! 🎨
Hey there! This is a fun example of mixing Markdown and HTML together.
Things I Love:
- Writing in bold and italic
- Making lists (like this one!)
- Using emojis 🚀 ✨ 🌈
| Feature | Markdown | HTML |
|---|---|---|
| Bold | text | text |
| Italic | text | text |
| Links | npm | github |
Here's a quote for you:
"The best of both worlds" - Someone who loves markdown & HTML
You can even use superscript and subscript text!
Want to see something cool?
Here's a hidden surprise! 🎉Happy coding! ♥
category · demo
sheet · sheet 01 / 01
⟳ to re-run