๐ŸŒ
React Split
uiwjs.github.io โ€บ react-codesandbox
React CodeSandbox
A React component is provided that allows you to programmatically generate CodeSandbox projects from code samples on the fly.
CodeSandbox_screenshot.webp
CodeSandbox is a cloud-based online integrated development environment (IDE) focused on web application development. It supports popular web technologies such as JavaScript, TypeScript, React, Vue.js, and Node.js. CodeSandbox allows users to create, โ€ฆ Wikipedia
Factsheet
Developers Ives van Hoorne
Bas Buursma
Initial release 2017
Written in Elixir
Factsheet
Developers Ives van Hoorne
Bas Buursma
Initial release 2017
Written in Elixir
๐ŸŒ
CodeSandbox
codesandbox.io
CodeSandbox: Instant Cloud Development Environments
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
Discussions

What is the best Online Code Editor for React?
Stackblitz. Also supports Typescript, Vite, Nextjs etc. More on reddit.com
๐ŸŒ r/reactjs
14
5
July 8, 2023
Are there some good, free online IDE's I could use to develop small, personal projects with React/Node/Express?
VSCode runs on the web, e. g. bis GitHub Codespaces More on reddit.com
๐ŸŒ r/reactjs
11
12
September 29, 2021
CodeSandbox - An online React editor with a focus on easy sharing and reusability

Hey Reddit!

This is a project Iโ€™ve been working on for the past few months. With CodeSandbox I want to focus on a feature of React that, in my opinion, could be exploited much more, which is reusability. With CodeSandbox you can easily build and share a React project with anyone by just sharing the url, others can then fork it to make changes or download it (which includes the default create-react-app template).

The next thing Iโ€™m building for CodeSandbox is the real reusable part: it should be possible to publish any project you have on CodeSandbox to NPM with a single click and let others reuse it as much as they like. An example is that someone makes a button on CodeSandbox and publishes it, others can then use this button inside CodeSandbox or in any project out of CodeSandbox. Publishing is already done, Iโ€™m now working on UI so publishing and searching sandboxes becomes easier.

Iโ€™d love to hear any feedback or suggestions or problems you might have! I want to make CodeSandbox as friendly as possible.

I also encourage everyone who built something cool to share it here. I will also put some of the sandboxes on the homepage.

More on reddit.com
๐ŸŒ r/webdev
39
343
April 3, 2017
Downloaded ZIP from from CodeSandbox (Vue.JS page) index.html produces blank page?
See if this fixed it? https://codesandbox.io/s/vigilant-dewdney-mzfpx I just created a new VueJS sandbox, added your code, added your dependencies (the leaflet ones). After that, I downloaded the source + the standard npm install and npm build. The one thing I will recommend is optimising the code. It's loading the whole map and it takes forever to render More on reddit.com
๐ŸŒ r/vuejs
3
2
May 19, 2020
๐ŸŒ
CodeSandbox
codesandbox.io โ€บ s โ€บ react-compiler-poq56p
react-compiler - CodeSandbox
January 8, 2023 - react-compiler using react, react-bootstrap, react-dom, react-scripts
Published ย  Jan 08, 2023
๐ŸŒ
Playcode
playcode.io โ€บ react
React Playground - Online React Editor & Compiler Free
Playcode's React sandbox supports JSX, TypeScript, CSS modules, and Tailwind out of the box. Whether you're learning React, testing ideas, or building prototypes, our online React editor is the fastest way to go from idea to working app.
๐ŸŒ
GitHub
github.com โ€บ codesandbox โ€บ codesandbox-client
GitHub - codesandbox/codesandbox-client: An online IDE for rapid web development ยท GitHub
An online IDE for rapid web development. Contribute to codesandbox/codesandbox-client development by creating an account on GitHub.
Starred by 13.6K users
Forked by 2.4K users
Languages ย  JavaScript 89.9% | TypeScript 8.7% | HTML 1.0% | CSS 0.3% | Handlebars 0.1% | C++ 0.0%
๐ŸŒ
Made with React.js
madewithreactjs.com โ€บ codesandbox
Codesandbox - Online Code Editor - Made with React.js
April 25, 2022 - "Codesandbox is an instantly ready, full-featured online IDE for web development on any device with a browser.
๐ŸŒ
Medium
medium.com โ€บ hackernoon โ€บ codesandbox-an-online-react-editor-b8945ce095d2
CodeSandbox โ€” An online React editor ๐Ÿ– | by Ives van Hoorne | HackerNoon.com | Medium
July 18, 2017 - Bas Buursma and I released CodeSandbox: an online code editor with a focus on sharing projects in React. The response was beyond all my expectations: already more than 1500 sandboxes have been created and more than 280 users signed in via Github!
Find elsewhere
๐ŸŒ
CodeSandbox
codesandbox.io โ€บ s โ€บ react-codesandbox-l4w3o6my59
React Codesandbox - CodeSandbox
June 10, 2020 - This is my base codesandbox. I have it URL shortened to: http://kcd.im/rcs
Published ย  Jun 13, 2018
Author ย  kentcdodds
๐ŸŒ
CodeSandbox
codesandbox.io โ€บ s โ€บ react-new
React - CodeSandbox
December 6, 2024 - React example starter project
Published ย  Apr 01, 2017
Author ย  CompuIves
๐ŸŒ
CodeSandbox
codesandbox.io โ€บ s โ€บ react-compiler-forked-o44ssj
React Compiler (forked) - CodeSandbox
April 11, 2023 - React Compiler (forked) using cryptojs, ipfs, ipfs-client, ipfs-cluster-api, ipfs-core, react, react-bootstrap, react-dom, react-scripts
Published ย  Apr 11, 2023
๐ŸŒ
Geekflare
geekflare.com โ€บ development โ€บ 8 amazing react sandbox to boost your skills
8 Amazing React Sandbox to Boost Your Skills
January 17, 2025 - Codesandbox.io is a virtual React starter project based on the create-react-app environment. This sandbox has several folders and files you can customize as you experiment with React code.
๐ŸŒ
Rootstack
rootstack.com โ€บ en โ€บ blog โ€บ top-5-react-native-online-compiler
Top 5 React Native online compiler | Rootstack
Although it is not specifically ... of installing npm packages. Integration with GitHub for project management. CodeSandbox is a widely used online IDE for React and React Native development....
๐ŸŒ
GitHub
github.com โ€บ malerba118 โ€บ react-sandbox-editor
GitHub - malerba118/react-sandbox-editor: React component library for sandboxed execution of html/js/css ยท GitHub
๐Ÿ”ฅ COMING SOON: A few years have passed and i'm remaking this library in a MUCH better way https://github.com/malerba118/react-esm-sandbox ๐Ÿ”ฅ ยท There are many hosted web playground solutions these days (CodeSandbox, JSFiddle, CodePen). CodeSandbox in particular has blown me away, props to Ives van Hoorne for putting it together.
Starred by 37 users
Forked by 8 users
Languages ย  JavaScript 98.1% | CSS 1.1% | HTML 0.8%
๐ŸŒ
GitHub
github.com โ€บ eraydmrcoglu โ€บ reactjs-online-code-compiler
GitHub - eraydmrcoglu/reactjs-online-code-compiler: Online Code Compiler Created with React JS ยท GitHub
Online Code Compiler Created with React JS. Contribute to eraydmrcoglu/reactjs-online-code-compiler development by creating an account on GitHub.
Author ย  eraydmrcoglu
๐ŸŒ
CodeSandbox
codesandbox.io โ€บ blog โ€บ codesandbox-an-online-react-editor
CodeSandbox โ€” An online React editor ๐Ÿ– - CodeSandbox
April 13, 2017 - Already more than a week ago Bas Buursma and I released CodeSandbox: an online code editor with a focus on sharing projects in React. The response was beyond all my expectations: already more than 1500 sandboxes have been created and more than ...
๐ŸŒ
DhiWise
dhiwise.com โ€บ post โ€บ boost-your-react-development-workflow-with-the-react-sandbox
How React Sandbox Can Improve Your Web Application Workflow
September 8, 2025 - The React Sandbox automatically compiles the code and shows logs in a dedicated console panel. Errors, warnings, and logs appear instantly, making debugging intuitive. For instance, if a React component has a missing import, the sandbox highlights the issue, and developers can fix it directly in the editor without switching contexts. While CodeSandbox is widely used for its simplicity and integration with GitHub...
๐ŸŒ
CodeSandbox
codesandbox.io โ€บ examples โ€บ package โ€บ eslint-plugin-react-compiler
eslint-plugin-react-compiler examples - CodeSandbox
AboutESLint plugin to display errors found by the React compiler.525,473Weekly Downloads ยท Latest version19.1.0-rc.2 ยท LicenseMIT ยท External Links ยท github.com/facebook/react#readme ยท github.com/facebook/react ยท github.com/facebook/react/issues ยท
๐ŸŒ
GitHub
github.com โ€บ codesandbox
CodeSandbox ยท GitHub
An online IDE for rapid web development ยท codesandbox/codesandbox-clientโ€™s past year of commit activity ยท JavaScript 13,586 2,427 542 50 Updated ยท Mar 2, 2026 ยท vscode-theme Public ยท An official CodeSandbox theme for Visual Studio Code. ...
๐ŸŒ
Angular Minds
angularminds.com โ€บ blog โ€บ top-online-react-compilers-and-playgrounds
Explore The Top Online React Compilers and Playgrounds
September 6, 2024 - This is invaluable for team-based projects and efficient code reviews. GitHub Integration: Also its seamless integration with GitHub allows for effortless management of repositories, branches, and commits directly within the platform.