Free · No signup

HTML Playground

Write HTML, CSS and JavaScript on the left and watch the result appear on the right, instantly. Nothing to install, nothing to sign up for.

More free code examples on GitHub

Try an example:

index.html47 lines

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My First Page</title>
  <style>
    body {
      font-family: system-ui, sans-serif;
      display: grid;
      place-items: center;
      min-height: 100vh;
      margin: 0;
      background: linear-gradient(135deg, #eff6ff, #f5f3ff);
      color: #0f172a;
      text-align: center;
    }
    h1 { color: #2563eb; margin-bottom: 8px; }
    button {
      margin-top: 16px;
      padding: 10px 20px;
      border: 0;
      border-radius: 999px;
      background: #2563eb;
      color: white;
      font-size: 15px;
      cursor: pointer;
    }
    button:hover { background: #3b82f6; }
  </style>
</head>
<body>
  <div>
    <h1>Hello, WebPrims!</h1>
    <p>Edit the code and watch this update live.</p>
    <button onclick="greet()">Click me</button>
    <p id="output"></p>
  </div>

Tab indents · Ctrl/Cmd + Enter runs · your code is saved in this browser

Output

Programming & Core IT

Advanced Software & AI Engineering

Industrial Training & Projects

Branding, Marketing & Productivity

HTML Playground