Templates

Sandbox is a component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.

All templates

the javascript is also called vanilla.

static vanilla vanilla-ts vue vue3 vue3-ts react react-ts angular solid svelte test-ts

Partial Usage

static

markdown code

      
      null

<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

Open Sandbox

vanilla-ts

markdown code

      
      null

import "./styles.css";

document.getElementById("app").innerHTML = `
<h1>Hello world</h1>
`;

Open Sandbox

react

markdown code

      
      null

export default function App() {
  return <h1>Hello world</h1>
}

Open Sandbox

see: Custom file

Templates ​

All templates ​

Partial Usage ​

Templates

All templates

Partial Usage