Code Playground
Write, run, and share JavaScript, TypeScript, Python, HTML/CSS, SQL, and Lua code directly in your browser with a full-featured editor, snippet management, and real-time console output.
About Code Playground
Code Playground is a full-featured, browser-based code editor supporting JavaScript, TypeScript, Python, HTML/CSS, SQL (SQLite), and Lua. It runs code in sandboxed environments for safe execution — capturing console output with level-based filtering and search, rendering live HTML previews, and displaying SQL query results as formatted tables. The editor features resizable panels, cursor position tracking, code formatting (JS/TS/HTML), snippet management with import/export, execution history, and multiple sharing options including URL, embed code, and QR code. Fully accessible with keyboard navigation and ARIA support. No installation required.
How to Use
Select your programming language using the toggle buttons. Write or paste your code in the CodeMirror editor — it supports syntax highlighting, autocompletion, and bracket matching. Click Run or press Ctrl+Enter to execute. Use Ctrl+S to save snippets, Ctrl+/ to view all keyboard shortcuts. Filter console output by level (Log, Info, Warn, Error) or search within results. Resize the editor and output panels by dragging the divider. Format your JS/TS/HTML code with the Format button. Share your code via URL, embed it in other sites with an iframe snippet, or generate a QR code. Import and export your saved snippets as JSON for backup or sharing.
Common Use Cases
- •Quickly testing and formatting JavaScript or TypeScript code snippets without opening a terminal
- •Learning Python, SQL, or Lua basics with instant feedback, console filtering, and execution history
- •Prototyping HTML/CSS layouts with live preview and resizable editor panels
- •Sharing code examples with colleagues via URL, embed code, or QR code
- •Building a personal snippet library with save, import, export, and search functionality