made with Svelte

Svelte Markdown

Markdown & HTML Renderer

Visit Site

Description

Markdown & HTML Renderer

"@humanspeak/svelte-markdown is a powerful, customizable markdown renderer for Svelte with TypeScript support.

It's built for streaming AI agent output from Claude Code, ChatGPT, and agentic workflows, and offers XSS-safe defaults and token caching."

  • πŸ”’ Secure HTML parsing via HTMLParser2 with built-in XSS defaults (protocol allowlist, on* handler stripping)
  • πŸš€ Full markdown syntax support through Marked
  • πŸ’ͺ Complete TypeScript support with strict typing
  • πŸ”„ Svelte 5 runes compatibility
  • βœ‚οΈ Inline snippet overrides — customize renderers without separate files
  • 🎨 Customizable component rendering system
  • β™Ώ WCAG 2.1 accessibility compliance
  • 🎯 GitHub-style slug generation for headers
  • πŸ§ͺ Comprehensive test coverage (vitest and playwright)
  • 🧩 First-class marked extensions support via extensions prop (e.g., KaTeX math, alerts)
  • ⚑ Intelligent token caching (50-200x faster re-renders)
  • πŸ“‘ LLM streaming mode with incremental rendering (~1.6ms avg per update)
  • πŸ–ΌοΈ Smart image lazy loading with fade-in animation

Social Media Links

Svelte Notifications Notification System
icon-eye-dark Created with Sketch. 7.059
Svelte Headless-UI Unofficial Implementation of Tailwind HeadlessUI
icon-eye-dark Created with Sketch. 4.894
Sentry for Svelte Svelte Error & Performance Monitoring
🧑 Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Svelte Lazy Lazyloading Component
icon-eye-dark Created with Sketch. 5.838
Svelte Video Player Video Player Component
icon-eye-dark Created with Sketch. 4.505