Svelte Markdown
A powerful, customizable markdown renderer for Svelte 5. 24 renderers, 69+ HTML tags, token caching, and allow/deny utilities—all with full TypeScript support.
- Svelte 5
- TypeScript
- 24 Renderers
- 69+ HTML Tags
Why Svelte Markdown
The most complete markdown renderer for Svelte 5 applications.
Full Markdown Support
GitHub Flavored Markdown with 24 built-in renderers for headings, tables, code blocks, lists, and more.
HTML Tag Rendering
69+ HTML tags supported with allow/deny controls to filter exactly which tags render.
Custom Renderers
Override any renderer with your own Svelte components for full control over markdown output.
Token Caching
Built-in LRU cache delivers 50-200x faster re-renders for previously parsed content.
TypeScript First
Full type safety with generics. All props, renderers, and options are properly typed.
Svelte 5 Native
Built for Svelte 5 with runes. Reactive, performant, and fully compatible with SvelteKit.
Live Playground
Edit markdown on the left, see it rendered on the right.
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! ♥