Online HTML Editor – Free HTML, CSS & JavaScript Playground

Online HTML EditorA little space for big ideas.

My playground Saved locally

Export

TAKE YOUR IDEAS WITH YOU

Code YOUR CANVAS

Auto-run

</>Preparing your canvas…

Live previewLive

100%

A clean slate. Your console output will appear here.

A different perspective

Set your own preview viewport dimensions.

Width pxHeight px

Width: 240–3840 px · Height: 240–2160 px

Ready to createEverything stays in your browser

Ln 1, Col 1Spaces: 2UTF-8

Make yourself at home

A workspace that works the way you do.

APPEARANCE

EDITOR

Font sizeA little breathing room for your code.

14px

Tab sizeSpaces per indentation level.

Word wrapKeep long lines inside the editor.

MinimapA bird’s-eye view of your code.

Line numbers

WORKSPACE

Auto-runPreview changes as you type.

Panel layout

Preferences are saved on this device.

A few handy shortcuts

Less clicking. More creating.

Run codeCtrl↵

Download projectCtrlS

Format current codeCtrl⇧F

Reset to starter codeCtrl⇧R

Find in editorCtrlF

Exit fullscreen / close dialogEsc

Made for your flow.

Make room for something new?

This clears the HTML, CSS, and JavaScript files. Your current work will be lost.

You can export your project first to keep a copy.