Awesome playgrounds 🛝
| Name | What to play? | Notes |
|---|---|---|
| Python Tutor | Python, Java, C, C++, JavaScript | Visual Debugger, AI Tutor |
| Loupe | JavaScript’s call stack, event loop, callback queue | Visualizing the javascript runtime at runtime |
| JavaScript Visualizer 9000 | JavaScript’s call stack, event loop, task queue, micro-task queue | Inspired by Loupe |
| float.exposed | Floating numbers | See Exposing Floating Point |
| Play with Docker | Docker, Docker Swarm | There are labs, quizzes from beginner to advanced level 1 |
| Killercoda | Kubernetes, … | May support a lot of tools with your help |
| TypeScript Playground | TypeScript | |
| tailwindPLAY | Tailwind CSS | |
| codapi | Languages (Python, Go, C), databases, network (OpenAPI, curl, caddy), tools (git, grep, ripgrep)… | Using interactive code snippets to document and explain things |
| jqkungfu | jq | Built with WebAssembly |
| sandbox.bio | Terminal, jq, awk, grep, sed | Also has tutorials for jq, awk… |
| Shipmight’s Helm Playground | Helm | Support only 1 template |
| Paul Vollmer’s Helm Playground | Helm | Support multiple templates |
| TIO - Try it online 2 | 260 practical programming language and 420 recreational programming language (e.g. Braille) | |
| iximiuz Lab | DevOps Playgrounds: Linux, Docker, Kubernetes… |
Playgrounds for Golang
| Name | What to play? | Notes |
|---|---|---|
| Go Playground | Go | |
| Tour of Go | An interactive introduction to Go | |
| Go by Example | Hands-on introduction to Go using annotated example programs (link back to Go Playground) | |
| Play with Go | A series of hands-on, interactive, browser-based guides that introduce the tools required to work with the Go programming language. | |
| Ardan Lab’s Ultimate Go Tour | For anyone who wants a jump start in learning Go or who wants a more thorough understanding of the language and its internals. |
Wizard Zines/Julia Evans’s playgrounds
| Name | What to play? | Notes |
|---|---|---|
| memory spy | Run programs and spy on their memory! | |
| mess with dns | Experiment with setting up DNS records! | |
| DNS lookups | Make DNS queries without using the command line! | |
| nginx playground | Test nginx configurations instantly! | |
| sql playground | Run SQL queries on a simple test dataset! |
Playgrounds for JavaScript Toolchain3
| Name | What to play? | Notes |
|---|---|---|
| Prettier Playground | JavaScript formatter | Opinionated Code Formatter |
| ESLint Playground | JavaScript linter | Find and fix problems in your JavaScript code |
| Babel Playground | JavaScript compiler | Use next generation JavaScript, today. |
| Biome Playground | Format, lint, and more | |
| Oxc Playground | The JavaScript Oxidation Compiler (Oxc) is a collection of high-performance tools for the JavaScript language written in Rust. | |
| Parcel Playground | Web bundler | The zero configuration build tool for the web |
| HTML to JSX, SVG to JSX | JSX | |
| SVGOMG | SVGO | |
| postcss-preset-env Playground | PostCSS plugins | |
| Lightning CSS Playground | CSS parser, transformer, bundler, minifier |
Playground for Frontend Frameworks
| Name | What to play? | Notes |
|---|---|---|
| SvelteJS REPL | SvelteJS | Official |
| SolidJS Playground | SolidJS | Official |
| VueJS Playground | VueJS | Official |
| React Playground | React |
DX Playgounds
| Name | What to play? | Notes |
|---|---|---|
| CodingFont Playground | Choose your favorite font for coding | |
| VS Code Themes | Choose your favorite VS Code theme | |
| Theme Studio for VS Code | Create Your Own VS Code Themes | |