How to use

Four quick steps — paste, run, review, copy. Everything stays in your browser.

Paste your input

Drop CSS, HTML, JSON, or other text into the editor. Nothing is uploaded.

Run the tool

Click Convert or Run. The result appears instantly on this page.

Check the output

Read the generated code and any review notes before you ship it.

Copy and use

Copy the output to your clipboard and paste it into your project.

About this tool

Preview an HTML fragment in a sandboxed iframe so you can see structure without leaving the page.

Example

Example uses inline styles so the frame shows something visible immediately.

Input

<article style="font-family:system-ui;padding:1rem">
  <h1 style="margin:0 0 .5rem">Preview card</h1>
  <p style="margin:0;color:#334155">Sandboxed HTML viewer example.</p>
</article>

Output

(rendered in the preview frame)

Tip

Use for email fragments and static component sketches.