Code Playgrounds
Browser editors for HTML, CSS, JavaScript, React, Vue, TypeScript, Python, SQL, GraphQL, REST, and JSON. Edit on the left, see output on the right.
HTML/CSS/JavaScript
Three-pane editor for HTML, CSS, and JavaScript with live preview.
React Playground
React JSX editor with live component preview — hooks, state, and components.
Vue.js Playground
Vue 3 Single File Component editor with live preview.
TypeScript Playground
TypeScript editor with live type checking and JavaScript output.
SQL Playground
SQL editor against sample databases — SELECT, JOIN, GROUP BY, and more.
JSON Playground
Edit, validate, and format JSON. Pretty-print or minify in one click.
GraphQL Playground
Run GraphQL queries and mutations with variables against sample endpoints.
REST API Playground
Send GET, POST, PUT, DELETE requests with custom headers and read formatted responses.
Python Playground
Run Python in the browser via Pyodide — test snippets without installing locally.
What you get
Live preview
Output updates as you type — no separate compile step in the browser.
Runs in the browser
No local install or account needed to try a language or API call.
Sample snippets
Load starter code for each playground and change it to match your use case.