HTML/CSS to SVG Converter

Wraps your HTML inside an SVG via foreignObject, preserving layout and styles. Best for static UI snippets.

Input

Paste your HTML and CSS
SVG size: —

Preview

Rendered SVG with foreignObject

Tip: foreignObject is supported in most modern browsers. For portability, keep HTML/CSS simple, avoid complex animations, and ensure fonts are embedded or linked.