File size: 1,334 Bytes
99c2248
 
 
9f17640
 
 
99c2248
9f17640
99c2248
 
3c3f089
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
---
title: Codetree
emoji: 🎳🌲
colorFrom: purple
colorTo: yellow
sdk: static
pinned: false
app_file: out/index.html
---

<p align="center">
  Next-gen online editor Playground, built with <a href="https://nextjs.org/" target="_blank">Next</a> and hosted with <a href="https://vercel.com/" target="_blank">Vercel</a>
</p>
<p align="center">
    <img src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat" alt="Netlify Status" />
</p>

![](public/preview-image.png)

# Codetree : Standalone version 

Codetree is a lightning fast ⚡️⚡️⚡️ code playground with automatic module detection as main feature. Unlike https://codepen.io/, Codetree is built on top of WebAssembly using esbuild, the code is compiled directly in your browser, without any backend and converted into machine language, allowing extremely fast execution and offline-mode.

## Usage

No need to install any npm package manually, codetree automatically detects the presence of import/require syntax in your file, downloads and installs npm package for you, for example just type `import React from "react"` for installing React library.

## Features

- Instant code compilation and preview (15x faster than codepen/codesanbox).

- Automatic import of external library.

- Auto-completion and intelliSense.

- Offline mode.