Overview
unified and remark form an AST-based content processing pipeline used under the hood by MDsveX, svelte-exmarkdown, and Carta. @humanspeak/svelte-markdown uses marked for a more straightforward parse-and-render approach.
Type: Content Processing Pipeline
Approach: AST transformation pipeline
Feature Comparison
| Feature | @humanspeak/svelte-markdown | unified / remark |
|---|---|---|
| Svelte 5 Native | ||
| TypeScript Support | ||
| Component Output | Svelte components | HTML string (rehype-stringify) |
| Custom Renderers | Svelte components | AST transformers |
| Token Caching | Manual | |
| Plugin Ecosystem | Marked extensions | 200+ remark/rehype plugins |
| AST Access | ||
| Learning Curve | Minimal | Steep (AST concepts) |
| Bundle Size | ~15KB | ~30KB+ (unified + remark + rehype) |
| Setup | One component | Pipeline assembly required |
Svelte Markdown Strengths
- Svelte 5 runes-native — no legacy compatibility layers
- TypeScript-first with full type safety
- Built-in token caching (50-200x faster re-renders)
- 24 markdown renderers + 69+ HTML tag renderers
- Allow/deny utilities for fine-grained control
- Drop-in component — works anywhere in your Svelte app
- Dead simple API — no pipeline assembly
- Lighter bundle — no AST infrastructure
- Renders directly to Svelte components
unified / remark Strengths
- Massive plugin ecosystem (200+ remark/rehype plugins)
- Full AST access for deep content transformation
- Powers MDsveX, Gatsby, Next.js, and many others
- Framework-agnostic content pipeline
- Content linting, validation, and transformation
Svelte Markdown Limitations
- Smaller community (newer project)
- Runtime-only (no build-time optimization)
- No AST access for deep transformations
- Smaller plugin ecosystem than unified
unified / remark Limitations
- Not a component — outputs HTML strings requiring {@html}
- Steep learning curve (AST, visitors, transformers)
- Requires pipeline assembly with multiple packages
- Larger bundle footprint
- No Svelte-specific features
The Verdict
Choose unified/remark when you need deep AST transformations, content linting, or access to the massive plugin ecosystem. Choose @humanspeak/svelte-markdown for a simple, Svelte-native rendering experience that just works.
Try @humanspeak/svelte-markdown
Install in seconds and render your first markdown.