HTML Playground
Try text, semantic markup and CSS layouts without running scripts or loading external assets. Choose a preview width, then copy or download the cleaned result.
A QUICK WALKTHROUGH
How to use this tool
- Edit the title, HTML fragment and separate CSS field.
- Update the preview and choose a fluid, mobile or desktop width.
- Copy or download the cleaned document, including its resource restrictions.
Static preview limits
This is a static HTML/CSS playground. JavaScript, event handlers, forms, images, embedded media, navigation attributes and unsupported elements are removed or blocked. Put styles in the CSS field; style tags in the HTML field are removed. External resources and network requests are blocked by the preview policy.
Local editing and cleaned export
Editing, cleanup, copying and export happen locally in your browser. Preview uses an iframe with an empty sandbox permission list. The downloaded HTML contains the cleaned fragment, CSS and restrictive resource policy; it is not your original source and does not publish a website.
GOOD TO KNOW
Common questions
Can I run JavaScript or load external images?
This is a static HTML/CSS playground. JavaScript, event handlers, forms, images, embedded media, navigation attributes and unsupported elements are removed or blocked. Put styles in the CSS field; style tags in the HTML field are removed. External resources and network requests are blocked by the preview policy.
Is my code uploaded or published?
Editing, cleanup, copying and export happen locally in your browser. Preview uses an iframe with an empty sandbox permission list. The downloaded HTML contains the cleaned fragment, CSS and restrictive resource policy; it is not your original source and does not publish a website.