CodeSandbox: Online Code Editor Tailored for Web Application Development

<div readability="31.387559808612"><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="9"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m20 5c9.2 0 16.6 7.4 16.6 16.6 0 6.2-3.2 11.6-8.2 14.5l-1.8-2.9c4-2.3 6.8-6.6 6.8-11.6 0-7.3-6.1-13.2-13.4-13.2s-13.4 5.9-13.4 13.2c0 5 2.7 9.3 6.7 11.6l-1.7 2.9c-5-2.9-8.2-8.3-8.2-14.5 0-9.2 7.4-16.6 16.6-16.6z m10 16.6c0 3.7-2 7-5 8.7l-1.6-2.9c1.9-1.1 3.2-3.3 3.2-5.8 0-3.6-2.9-6.6-6.6-6.6s-6.6 3-6.6 6.6c0 2.5 1.3 4.7 3.2 5.8l-1.6 2.9c-3-1.7-5-5-5-8.7 0-5.5 4.5-10 10-10s10 4.5 10 10z m-10-3.2c1.8 0 3.4 1.4 3.4 3.2s-1.6 3.4-3.4 3.4-3.4-1.6-3.4-3.4 1.6-3.2 3.4-3.2z"/></g></svg><p>Live Collaboration</p><p>Edit sandboxes together in real time, Google Docs style. Use Classroom Mode to control who can make edits.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="7"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 256 283"><path d="M239.973 139.203c0-14.534-11.782-26.316-26.316-26.316-.935 0-1.857.05-2.766.145L247.036 6.427H93.432l36.094 106.513a26.437 26.437 0 0 0-1.6-.053c-14.533 0-26.315 11.782-26.315 26.316 0 11.748 7.699 21.694 18.326 25.078-5.613 9.722-12.675 18.478-20.693 26.042-10.903 10.286-23.381 18.085-36.876 22.891-16.068-8.254-23.656-26.612-16.81-42.707.774-1.817 1.563-3.66 2.318-5.494 11.64-2.717 20.314-13.153 20.314-25.621 0-14.534-11.782-26.316-26.316-26.316-14.535 0-26.317 11.782-26.317 26.316 0 8.913 4.435 16.784 11.213 21.545-6.514 14.831-16.088 30.351-19.071 48.339-3.575 21.559-.011 44.443 18.634 57.366 43.424 30.096 90.56-18.657 140.259-30.913 18.01-4.442 37.782-3.726 53.65-12.917 11.918-6.902 19.774-18.34 22.004-31.182 2.202-12.686-1.01-25.317-8.393-35.559a26.207 26.207 0 0 0 6.12-16.868zm-85.732.093l.003-.093c0-9.544-5.082-17.902-12.686-22.515l28.728-58.091 28.778 58.707c-7.067 4.718-11.724 12.764-11.724 21.899 0 .192.01.381.015.572l-33.114-.479z" fill="inherit"/><path d="M246.399 139.203c0-15.985-11.517-29.323-26.688-32.172L256 0H84.466l36.344 107.248c-14.643 3.259-25.627 16.345-25.627 31.955 0 11.723 6.195 22.02 15.48 27.806-4.466 6.653-9.762 12.914-15.831 18.639-9.624 9.08-20.347 15.966-31.907 20.496-11.643-7.314-16.565-21.106-11.453-33.122l.4-.94.751-1.768c12.788-4.459 21.993-16.632 21.993-30.922 0-18.055-14.689-32.743-32.744-32.743S9.129 121.337 9.129 139.392c0 9.113 3.745 17.365 9.773 23.307a551.638 551.638 0 0 1-3.423 7.124C9.967 181.144 3.72 193.976 1.357 208.225c-4.693 28.299 2.876 50.921 21.313 63.699 11.188 7.754 22.549 10.804 33.982 10.803 21.529-.001 43.306-10.816 64.606-21.396 15.341-7.619 31.203-15.498 46.872-19.362 5.83-1.438 11.829-2.303 18.18-3.219 12.594-1.817 25.618-3.695 37.154-10.376 13.371-7.745 22.525-20.737 25.113-35.644 2.222-12.797-.453-25.613-6.975-36.483a32.544 32.544 0 0 0 4.797-17.044zm-12.854 0c0 10.967-8.922 19.89-19.89 19.89-10.966 0-19.889-8.923-19.889-19.89s8.923-19.889 19.889-19.889c10.968 0 19.89 8.922 19.89 19.889zm4.524-126.349l-32.045 94.513a32.348 32.348 0 0 0-4.058 1.258L170.31 44.047l-31.748 64.196a32.34 32.34 0 0 0-4.232-1.15l-31.935-94.239h135.674zm-110.143 106.46c10.967 0 19.889 8.922 19.889 19.889 0 10.967-8.922 19.89-19.889 19.89-10.966 0-19.889-8.923-19.889-19.89s8.923-19.889 19.889-19.889zm-86.054.189c10.968 0 19.89 8.922 19.89 19.889 0 10.967-8.922 19.89-19.89 19.89-10.966 0-19.889-8.923-19.889-19.89s8.923-19.889 19.889-19.889zm194.04 71.028c-1.935 11.148-8.821 20.887-18.891 26.719-9.387 5.437-20.636 7.06-32.546 8.777-6.38.92-12.978 1.872-19.423 3.462-17.042 4.202-33.549 12.401-49.512 20.33-31.945 15.867-59.534 29.569-85.547 11.54-19.055-13.206-18.175-37.641-15.955-51.031 2.057-12.405 7.619-23.83 12.998-34.879a748.863 748.863 0 0 0 2.722-5.646 32.459 32.459 0 0 0 8.462 2.124c-5.475 18.071 3.136 37.719 21.209 47.004l2.473 1.271 2.62-.933c14.288-5.088 27.453-13.254 39.131-24.271 7.549-7.121 14.036-15 19.37-23.419a32.9 32.9 0 0 0 4.903.368c18.055 0 32.744-14.688 32.744-32.744 0-9.71-4.253-18.442-10.989-24.444l20.578-41.612 20.787 42.405c-6.237 5.966-10.134 14.359-10.134 23.651 0 18.056 14.688 32.744 32.743 32.744a32.549 32.549 0 0 0 18.672-5.868c3.68 7.533 5.051 16.009 3.585 24.452z" fill="inherit"/></svg><p>Jest Integration</p><p>We automatically run Jest tests and show the results with an intuitive UI.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="9"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m31.6 16.6v-3.2h-3.2v3.2h3.2z m0 5v-3.2h-3.2v3.2h3.2z m-5-5v-3.2h-3.2v3.2h3.2z m0 5v-3.2h-3.2v3.2h3.2z m0 6.8v-3.4h-13.2v3.4h13.2z m-15-11.8v-3.2h-3.2v3.2h3.2z m0 5v-3.2h-3.2v3.2h3.2z m1.8-3.2v3.2h3.2v-3.2h-3.2z m0-5v3.2h3.2v-3.2h-3.2z m5 5v3.2h3.2v-3.2h-3.2z m0-5v3.2h3.2v-3.2h-3.2z m15-5c1.8 0 3.2 1.4 3.2 3.2v16.8c0 1.8-1.4 3.2-3.2 3.2h-26.8c-1.8 0-3.2-1.4-3.2-3.2v-16.8c0-1.8 1.4-3.2 3.2-3.2h26.8z"/></g></svg><p>Keybindings and Quick Actions</p><p>Use Keybindings and Quick Actions to execute commonly used actions more quickly.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="8"><svg xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 196 196" version="1.1"><g fill="currentColor" fill-rule="nonzero" stroke="none" stroke-width="1"><path d="M181.075 146.8c.22-1.754.384-3.509.384-5.373 0-1.864-.164-3.618-.384-5.373l11.568-9.046c1.042-.822 1.316-2.302.658-3.509l-10.965-18.97c-.658-1.206-2.138-1.645-3.344-1.206l-13.652 5.482c-2.85-2.193-5.92-4.002-9.266-5.373l-2.083-15.329c-.164-1.316-1.316-3.103-2.686-3.103h-21.93c-1.37 0-2.522 1.787-2.686 3.103l-2.083 14.929c-3.344 1.371-6.415 3.435-9.266 5.573l-13.65-5.382c-1.262-.493-2.687.05-3.345 1.256L87.38 123.474a2.718 2.718 0 0 0 .658 3.521l11.568 9.053c-.219 1.754-.384 3.567-.384 5.376 0 1.809.164 3.62.384 5.374l-11.568 9.047c-1.042.822-1.316 2.303-.658 3.509l10.965 18.97c.658 1.206 2.138 1.645 3.344 1.206l13.651-5.482c2.851 2.193 5.921 4.002 9.266 5.373l2.083 14.403c.164 1.316 1.316 2.176 2.686 2.176h21.93c1.37 0 2.522-.86 2.686-2.176l2.083-14.466c3.344-1.371 6.415-3.203 9.266-5.341l13.652 5.498c1.261.493 2.686.008 3.344-1.198l10.965-18.966c.658-1.206.384-2.685-.658-3.507l-11.568-9.044zm-40.735 13.816c-10.58 0-19.189-8.608-19.189-19.189s8.608-19.189 19.19-19.189c10.58 0 19.188 8.608 19.188 19.189s-8.608 19.189-19.189 19.189z"/><path d="M78.857 158.115l10.519-9.896c-.269-2.151-.471-4.472-.471-6.69s.202-4.488.471-6.639l-9.652-9.187a3.331 3.331 0 0 1-.807-4.315l13.445-23.266a3.281 3.281 0 0 1 4.101-1.482l13.557 4.764c3.496-2.622 7.26-4.908 11.361-6.589l1.204-12.466c.202-1.614 1.614-2.349 3.294-2.349h19.064V52.039L91.649 0H20.73C10.979 0 3.089 7.403 3.089 17.154L3 159.631c0 9.751 7.89 18.368 17.641 18.368h65.604l-7.363-13.664c-.807-1.478-1.302-5.212-.025-6.22zm4.086-145.968L131.541 63H82.943V12.147z"/></g></svg><p>Configuration UI</p><p>We show a UI for configuration files so you don't have to look up how the configuration is structured.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="7"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m20 0c-11 0-20 9-20 20 0 8.8 5.7 16.3 13.7 19 1 0.2 1.3-0.5 1.3-1 0-0.5 0-2 0-3.7-5.5 1.2-6.7-2.4-6.7-2.4-0.9-2.3-2.2-2.9-2.2-2.9-1.9-1.2 0.1-1.2 0.1-1.2 2 0.1 3.1 2.1 3.1 2.1 1.7 3 4.6 2.1 5.8 1.6 0.2-1.3 0.7-2.2 1.3-2.7-4.5-0.5-9.2-2.2-9.2-9.8 0-2.2 0.8-4 2.1-5.4-0.2-0.5-0.9-2.6 0.2-5.3 0 0 1.7-0.5 5.5 2 1.6-0.4 3.3-0.6 5-0.6 1.7 0 3.4 0.2 5 0.7 3.8-2.6 5.5-2.1 5.5-2.1 1.1 2.8 0.4 4.8 0.2 5.3 1.3 1.4 2.1 3.2 2.1 5.4 0 7.6-4.7 9.3-9.2 9.8 0.7 0.6 1.4 1.9 1.4 3.7 0 2.7 0 4.9 0 5.5 0 0.6 0.3 1.2 1.3 1 8-2.7 13.7-10.2 13.7-19 0-11-9-20-20-20z"/></g></svg><p>Export to GitHub</p><p>All sandboxes can easily be exported to a GitHub repository.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="9"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m14.1 22.5l-5.7 7.5h23.2l-7.5-10-5.7 7.5z m20.9 9.1q0 1.4-1 2.4t-2.4 1h-23.2q-1.4 0-2.4-1t-1-2.4v-23.2q0-1.4 1-2.4t2.4-1h23.2q1.4 0 2.4 1t1 2.4v23.2z"/></g></svg><p>Static File Hosting</p><p>The development server will serve all files statically from the public folder, depending on the template.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="9"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m35 5h-30c-1.4 0-2.5 1.1-2.5 2.5v25c0 1.3 1.1 2.5 2.5 2.5h30c1.3 0 2.5-1.2 2.5-2.5v-25c0-1.4-1.2-2.5-2.5-2.5z m-27.5 17.5l5-5-5-5 2.5-2.5 7.5 7.5-7.5 7.5-2.5-2.5z m20 2.5h-10v-2.5h10v2.5z"/></g></svg><p>Integrated DevTools</p><p>The preview window has integrated DevTools, like a console, test view and a problem viewer.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="8.546218487395"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m19.8 15h0.2c2.7 0 5 2.3 5 5v0.3z m-7.2 1.3c-0.6 1.1-1 2.4-1 3.7 0 4.6 3.8 8.4 8.4 8.4 1.3 0 2.6-0.4 3.7-1l-2.6-2.6c-0.3 0.1-0.7 0.2-1.1 0.2-2.7 0-5-2.3-5-5 0-0.4 0.1-0.8 0.2-1.1z m-9.2-9.2l2.1-2.1 29.5 29.5-2.1 2.1c-1.9-1.8-3.8-3.6-5.6-5.5-2.3 0.9-4.7 1.4-7.3 1.4-8.4 0-15.5-5.2-18.4-12.5 1.4-3.3 3.6-6.1 6.3-8.3-1.5-1.5-3-3.1-4.5-4.6z m16.6 4.5c-1.1 0-2.1 0.3-3 0.7l-3.6-3.6c2-0.8 4.3-1.2 6.6-1.2 8.4 0 15.4 5.2 18.3 12.5-1.3 3.1-3.2 5.8-5.7 7.9l-4.9-4.9c0.4-0.9 0.7-1.9 0.7-3 0-4.6-3.8-8.4-8.4-8.4z"/></g></svg><p>Private/Unlisted Sandboxes</p><a href="/patron" target="blank" rel="noopener noreferrer" class="FeaturePatronBadge-sc-1m6kgum-4 gfSkPK" style="color: inherit; text-decoration: none;" name="readabilityLink-1">patron</a><p>You can set a sandbox to private or unlisted to make sure others cannot see or find it.</p><a href="#readabilityFootnoteLink-1" class="readability-DoNotFootnote" style="color: inherit;"><small>^[1]</small></a></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="10"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m23.4 5h11.6v11.6h-3.4v-5.9l-16.3 16.3-2.3-2.3 16.3-16.3h-5.9v-3.4z m8.2 26.6v-11.6h3.4v11.6q0 1.4-1 2.4t-2.4 1h-23.2q-1.4 0-2.4-1t-1-2.4v-23.2q0-1.4 1-2.4t2.4-1h11.6v3.4h-11.6v23.2h23.2z"/></g></svg><p>Externally Hosted Previews</p><p>You can open your sandbox preview with a separate URL, while still keeping Hot Module Reloading.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="9"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 435 445"><g><path d="M82.255,191.38 L22.546,130.798 L46.776,120.414 L105.62,168.008 L208.597,66.762 L268.306,95.319 L268.306,287.428 L208.597,315.119 L106.485,216.469 L45.045,262.333 L22.546,250.218 L82.255,191.38 Z M207.731,241.563 L207.731,140.317 L145.426,190.94 L207.731,241.563 Z"/><polygon points="0.046 331.56 322.823 380.885 322.823 0.995 434.454 52.051 434.454 398.193 324.554 444.922"/></g></svg><p>Monaco Editor</p><p>We use the same editor as VSCode, which gives us "Go to Definition", "Replace Occurences" and more!</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="8"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m31.3 12.9c1.3 2 2.1 4.5 2.1 7.1 0 7.3-6.1 13.4-13.4 13.4v5l-6.6-6.8 6.6-6.6v5c5.5 0 10-4.4 10-10 0-1.7-0.5-3.3-1.2-4.7z m-11.3-2.9c-5.5 0-10 4.5-10 10 0 1.7 0.4 3.3 1.2 4.7l-2.4 2.4c-1.4-2-2.2-4.5-2.2-7.1 0-7.3 6.1-13.4 13.4-13.4v-5l6.6 6.8-6.6 6.6v-5z"/></g></svg><p>Hot Module Reloading</p><p>Hot Module Reloading is built in, so you won't have to press refresh for every change.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="9"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m39.3 31.3l-17.1-30c-0.5-0.8-1.3-1.3-2.2-1.3s-1.7 0.5-2.2 1.3l-17.1 30c-0.4 0.7-0.4 1.7 0 2.5s1.3 1.2 2.2 1.2h34.2c0.9 0 1.7-0.5 2.2-1.2s0.4-1.8 0-2.5z m-16.8-1.3h-5v-5h5v5z m0-7.5h-5v-10h5v10z"/></g></svg><p>Error Overlay</p><p>We show a user friendly error overlay for every error, sometimes with suggestions on how to solve it.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="10"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m28.4 21.6h-5v-6.6h-6.8v6.6h-5l8.4 8.4z m3.9-4.9c4.3 0.3 7.7 3.9 7.7 8.3 0 4.6-3.7 8.4-8.4 8.4h-21.6c-5.5 0-10-4.5-10-10 0-5.2 3.9-9.4 8.9-10 2.1-3.9 6.3-6.8 11.1-6.8 6.1 0 11.1 4.3 12.3 10.1z"/></g></svg><p>Automatic Type Acquisition</p><p>Typings are automatically downloaded for every dependency, so you always have autocompletions.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="7"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 256 256"><g><path d="M0,0v256h256V0H0z M146,139h-32v96H90v-97H56v-20h90V139z M197.116,233.668c-33.31,0-42.916-23.953-42.916-23.953 l19.212-11.353c0,0,8.151,14.305,22.622,14.305c14.472,0,16.801-7.319,16.801-11.478c0-4.159,0.832-9.149-22.955-18.464 c-23.787-9.315-28.611-22.29-28.611-36.762c0-14.472,11.644-30.773,34.266-30.773c22.623,0,30.94,12.642,34.266,18.63 c-3.327,2.661-17.965,12.309-17.965,12.309s-5.822-10.147-16.302-10.147c-10.48,0-10.812,8.816-10.812,10.313 c0,2.862-0.366,9.852,20.301,16.884c0,0,31.888,8.234,31.888,38.799C236.913,212.958,230.426,233.668,197.116,233.668z"/></g></svg><p>TypeScript</p><p>Thanks to Monaco we show TypeScript autocompletions and diagnostics for TS sandboxes.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="7"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m34.5 7.7c0.7 0.7 0.7 1.8 0 2.4l-14.9 14.9-4.6-4.6 14.9-14.9c0.6-0.7 1.7-0.7 2.4 0z m-22.9 15.7c2.8 0 5 2.2 5 5 0 3.6-2.9 6.6-6.6 6.6-2.5 0-5.1-1.3-6.6-3.4 1.4 0 3.2-1.1 3.2-3.2 0-2.8 2.3-5 5-5z"/></g></svg><p>Prettier</p><p>Code automatically gets prettified on save according to your own Prettier preferences.</p></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 256 256"><g><path d="M128.179,218.256l-78.075-45.283l-0.179-90.256l77.896-44.973l78.075,45.283l0.179,90.256L128.179,218.256z M192,238.827 L256,128L192,17.173H64L0,128l64,110.827H192z"><polygon points="125.698,188.77 73.13,158.281 73.01,97.511 125.457,67.23 178.025,97.719 178.145,158.489"/></path></g></svg><p>ESLint</p><div class="FeatureDescription-sc-1m6kgum-2 eHZjDc"><span>All code is linted automatically using latest version of<!-- --> <a href="https://eslint.org/" rel="noopener noreferrer" target="blank" style="color: inherit; text-decoration: none;" name="readabilityLink-2">ESLint</a><a href="#readabilityFootnoteLink-2" class="readability-DoNotFootnote" style="color: inherit;"><small>^[2]</small></a>, with full ES6 support.</span></div></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 256 256"><path d="M256,128c0,70.692-57.308,128-128,128S0,198.692,0,128S57.308,0,128,0S256,57.308,256,128z M180.112,157.639l-15.959-15.959 l-14.005,54.392l-31.267-29.964L128,129.14l-35.827,9.608l-31.756-32.081l55.532-13.191L99.99,77.354L22.636,97.059l138.097,138.097 L180.112,157.639z M187.603,128l18.673-77.408l-76.648,19.325l16.068,16.068l34.416-8.631l-9.228,34.687L187.603,128z"/>;</svg><p>Emmet.io</p><div class="FeatureDescription-sc-1m6kgum-2 eHZjDc"><span>You can easily expand abbreviations with<!-- --> <a href="https://emmet.io" target="blank" rel="noopener noreferrer" style="color: inherit; text-decoration: none;" name="readabilityLink-3">Emmet.io</a><a href="#readabilityFootnoteLink-3" class="readability-DoNotFootnote" style="color: inherit;"><small>^[3]</small></a> <!-- -->in all JS, HTML and CSS files.</span></div></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 256 256"><g><path d="M256,132.047c0-79.266-67.523-128-128-128S0,50.824,0,132.047c0,86.703,80.098,118.733,80.098,118.733 s6.736,2.025,9.541-5.282c2.805-7.307,27.596-73.59,27.596-73.59s1.174-2.581-2.332-3.797c-8.335-2.89-25.264-14.731-25.264-36.065 s18.593-38.361,37.774-38.361s38.948,13.505,38.948,38.361c0,26.618-23.707,35.462-26.785,36.583s-2.116,3.732-2.116,3.732 s24.922,67.004,27.923,74.18c3.001,7.176,7.355,5.492,9.879,4.496C206.483,238.714,256,204.267,256,132.047z"/></g></svg><p>Open Source</p><div class="FeatureDescription-sc-1m6kgum-2 eHZjDc"><span>We<!-- -->'<!-- -->re almost fully open source! Our most active repository can be found<!-- --> <a href="https://github.com/codesandbox/codesandbox-client" target="blank" rel="noreferrer noopener" style="color: inherit; text-decoration: none;" name="readabilityLink-4">here.</a><a href="#readabilityFootnoteLink-4" class="readability-DoNotFootnote" style="color: inherit;"><small>^[4]</small></a></span></div></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m8.4 30h23.2v3.4h-23.2v-3.4z m6.6-3.4v-10h-6.6l11.6-11.6 11.6 11.6h-6.6v10h-10z"/></g></svg><p>Import with CLI</p><div class="FeatureDescription-sc-1m6kgum-2 eHZjDc"><span>You can export a local project to CodeSandbox easily using<!-- --> <a href="https://github.com/codesandbox-app/codesandbox-importers/tree/master/packages/cli" rel="noopener noreferrer" target="blank" style="color: inherit; text-decoration: none;" name="readabilityLink-5">codesandbox-cli</a><a href="#readabilityFootnoteLink-5" class="readability-DoNotFootnote" style="color: inherit;"><small>^[5]</small></a>.</span></div></div><div class="FeatureContainer-sc-1m6kgum-0 TjpjP" readability="7"><svg fill="currentColor" preserveaspectratio="xMidYMid meet" height="1em" width="1em" viewbox="0 0 40 40"><g><path d="m8.4 30h23.2v3.4h-23.2v-3.4z m23.2-15l-11.6 11.6-11.6-11.6h6.6v-10h10v10h6.6z"/></g></svg><p>Export To Zip</p><p>You can always download a zip from your sandbox for if you want to continue locally.</p></div></div><div id="readability-footnotes"><h3>References</h3><ol id="readability-footnotes-list"><li><small>^{<a href="#readabilityLink-1" title="Jump to Link in Article">^</a>}</small> <a href="/patron" target="blank" rel="noopener noreferrer" class="FeaturePatronBadge-sc-1m6kgum-4 gfSkPK" name="readabilityFootnoteLink-1">patron</a></li><li><small>^{<a href="#readabilityLink-2" title="Jump to Link in Article">^</a>}</small> <a href="https://eslint.org/" rel="noopener noreferrer" target="blank" name="readabilityFootnoteLink-2">ESLint</a><small> (eslint.org)</small></li><li><small>^{<a href="#readabilityLink-3" title="Jump to Link in Article">^</a>}</small> <a href="https://emmet.io" target="blank" rel="noopener noreferrer" name="readabilityFootnoteLink-3">Emmet.io</a><small> (emmet.io)</small></li><li><small>^{<a href="#readabilityLink-4" title="Jump to Link in Article">^</a>}</small> <a href="https://github.com/codesandbox/codesandbox-client" target="blank" rel="noreferrer noopener" name="readabilityFootnoteLink-4">here.</a><small> (github.com)</small></li><li><small>^{<a href="#readabilityLink-5" title="Jump to Link in Article">^</a>}</small> <a href="https://github.com/codesandbox-app/codesandbox-importers/tree/master/packages/cli" rel="noopener noreferrer" target="blank" name="readabilityFootnoteLink-5">codesandbox-cli</a><small> (github.com)</small></li></ol></div>