<p>As a developer, we make use of code playgrounds widely. We use it often for trying out different things and learning purpose. Here&#39;s a quick tip how you can create a new playground with a single click.</p>
<br />

<p>Following are the links which you can use to create respective code playgrounds.</p>
<br />

<style>table{width:100%}td{padding:0.25rem;text-align:center;}</style>

<table>
<thead>
<tr>
<th>Link</th>
<th>Playground</th>
</tr>
</thead>
<tbody><tr>
<td><a href='https://js.new' target="_blank">js.new</a></td>
<td>Vanilla Javascript CodeSandbox</td>
</tr>
<tr>
<td><a href='https://ts.new' target="_blank">ts.new</a></td>
<td>Vanilla Typescript CodeSandbox</td>
</tr>
<tr>
<td><a href='https://react.new' target="_blank">react.new</a></td>
<td>React CodeSandbox</td>
</tr>
<tr>
<td><a href='https://preact.new' target="_blank">preact.new</a></td>
<td>Preact CodeSandbox</td>
</tr>
<tr>
<td><a href='https://vue.new' target="_blank">vue.new</a></td>
<td>Vue CodeSandbox</td>
</tr>
<tr>
<td><a href='https://svelte.new' target="_blank">svelte.new</a></td>
<td>Svelte CodeSandbox</td>
</tr>
<tr>
<td><a href='https://node.new' target="_blank">node.new</a></td>
<td>Node.js Stackblitz</td>
</tr>
<tr>
<td><a href='https://next.new' target="_blank">next.new</a></td>
<td>Next.js Stackblitz</td>
</tr>
<tr>
<td><a href='https://solid.new' target="_blank">solid.new</a></td>
<td>Solid.js Stackblitz</td>
</tr>
<tr>
<td><a href='https://remix.new' target="_blank">remix.new</a></td>
<td>Remix Stackblitz</td>
</tr>
</tbody></table>


Akul Srivastava

quickly create code playgrounds

Link	Playground
js.new	Vanilla Javascript CodeSandbox
ts.new	Vanilla Typescript CodeSandbox
react.new	React CodeSandbox
preact.new	Preact CodeSandbox
vue.new	Vue CodeSandbox
svelte.new	Svelte CodeSandbox
node.new	Node.js Stackblitz
next.new	Next.js Stackblitz
solid.new	Solid.js Stackblitz
remix.new	Remix Stackblitz