logo

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
  • LLM Streaming

Stream AI Responses in Real-Time

Render ChatGPT, Claude, and Gemini responses as they stream in. Smart token diffing keeps each update under 2ms.

LLM streaming demo
Full Demo
Streaming source
Rendered output

Click "Start" to stream an AI response...

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.

siHtml5

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.

Svelte 5 Snippets

Override renderers inline with Svelte 5 snippets β€” no separate component files needed.

siJavascript

TypeScript First

Full type safety with generics. All props, renderers, and options are properly typed.

LLM Streaming

Render ChatGPT and Claude responses in real-time. Smart token diffing keeps updates under 2ms.

Live Playground

Edit markdown on the left, see it rendered on the right.

svelte-markdown playground
Editor
Preview

Welcome to My Markdown Playground! 🎨

Hey there! This is a fun example of mixing Markdown and HTML together.

Things I Love:

  1. Writing in bold and italic
  2. Making lists (like this one!)
  3. Using emojis πŸš€ ✨ 🌈
FeatureMarkdownHTML
Boldtexttext
Italictexttext
Linksnpmgithub

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! β™₯

Explore Interactive Examples

See custom renderers, HTML filtering, marked extensions, Mermaid diagrams, code formatting, and more β€” all with live editors.

Browse Examples