svelte-markdown · streaming markdown + HTML renderer for Svelte 5
Render markdown, raw HTML, and LLM streams in Svelte 5 with 24 markdown renderers, 83 HTML tag renderers, allow/deny utilities, and secure defaults.
Svelte Component Library
Summary
@json-render/svelte is a Svelte‑5 focused library that enables rendering of json‑render specifications. It supplies core components, providers, and helper utilities for building generative UI dashboards, widgets, and streaming interfaces directly from prompts.
Highlights
- Provides the Renderer component to render any json‑render spec with a typed registry
- Includes JsonUIProvider which bundles state, visibility, validation, and action contexts
- Typed defineRegistry utility for creating component catalogs and action handlers
- Context helpers such as getStateValue, getBoundProp, isVisible, and getAction simplify integration
- Streaming support via createUIStream and createChatUI for real‑time UI updates
auto-generated
Context
Audience
Frontend developers using Svelte who want to build prompt‑driven, component‑based user interfaces
DomainGenerative UI development
Formatopen source library with documentation website
Accessfree open source on npm
Source Overview
**@json-render/svelte** provides Svelte 5 components, providers, and helpers for rendering json-render specifications from prompts, constrained to defined components.
Installation requires npm install @json-render/core @json-render/svelte with peer dependencies svelte ^5.0.0 and zod ^4.0.0. Key elements include Renderer for specs, JsonUIProvider wrapper, DefineRegistry for typed registries and actions, context helpers like getStateValue and getAction, plus streaming functions CreateUIStream and CreateChatUI.
Topics
Related
@json-render/coreSvelteKitZod validation libraryReact json‑render bindingsGenerative UI design patterns
