Useful code playgrounds pushed by the community. Please, submit a Pull Request or Open an issue for a useful code playground that you know.
| Code Playground | Description |
|---|---|
| CodePen | Tool for front-end development. You can develop any HTML, CSS, modern web frameworks, javascript based code. Integrate your code to github and possible to collaborate. Features: (examples, github, adding npm packages, download the code, auto reload) |
| CodeSandbox | You can run both front-end and back-end (javascript, nodejs, any front end frameworks). Easy to fork from github and modify the code Features: (examples, github, adding npm packages, auto reload, deploy the app) |
| JSBin | Those who are learning vanilla JS, HTML, CSS (intermediate level). Features: (examples, adding cdn packages) |
| W3schools | Completely for those who start front-end development. You can see the examples, descriptions and use case for each web componet. Features: (examples) |
| JSComplete | Great playground for running ReactJS. Also very good JS, ReactJS, Node tutorials. And many more developer resources such as online books, sites, etc. Features: (examples, learning resources, auto reload, deploy the app, download the code) |
| JSFiddle | JSFiddle has over 30 JavaScript libraries ready for immediate usage, plus you can add external files easily. For pre-processing, it has SCSS for CSS, CoffeeScript for JS and simple vanilla HTML. Features: (examples, auto reload, save code, easy collaboration, cdn packages, boilerplates) |
| play.golang.org | The Go Playground is a web service that runs on golang.org's servers. The service receives a Go program, vets, compiles, links, and runs the program inside a sandbox, then returns the output. Features: (examples, save code, code linting) |
| SQLFiddle | SQLFiddle is a tool for easy online testing and sharing of sql database problems and their solutions. Features: (examples, boilerplates) |
| PHPFiddle | PhpFiddle provides Web IDE, Web Tools, APIs, Widgets, PHP Libraries, programming resources and execution environment for PHP/MySQL and HTML/CSS/JavaScript online coding. PhpFiddle allows people to test PHP code snippets, create, test and download simple applications. Features: (examples, download the codes) |
| Plunker | Plunker is an online community for creating, collaborating on and sharing your web development ideas. Design goals for speed, ease of use and collaboration. Features: (examples, auto reload, save code, real-time collaboration, customizable syntax editor, code linting, open-source) |
| Repl.it | Repl.it is a web-based application that offers instant programming environment for your favourite language. Features: (linting, debugger, files and live updates, hosting and Deployment) |
| 3v4l.org | 3v4l.org (leetspeak for eval) is a online PHP shell which allows you run code on more than 250 PHP versions, and compare performance, output and support of features. Features: (linting, debugger, sharing) |
| Trinket.io | Trinket is a website that allows you to create and test code without creating an account. Mainly it is used for python but they have other languages as well. Features(examples, plans, tutorials) |