Skip to content

⚡️ Lightning fast online code playground with automatic npm module detection, built on top of Esbuild 🔥.

License

Notifications You must be signed in to change notification settings

ngduc/codetree

 
 

Repository files navigation

Logo

The Future of online editor Playground, built with Next and hosted with Vercel

Join us : Discord, Twitter.

Netlify Status

Codetree

Codetree is a high efficiency and lightning fast ⚡️⚡️⚡️ code playground supporting automatic module detection in the import syntax (es6/es5).Unlike https://codepen.io/ or https://codesandbox.io/ , Codetree is built on top of using esbuild, the code is compiled directly in web browsers, without 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.

About

⚡️ Lightning fast online code playground with automatic npm module detection, built on top of Esbuild 🔥.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 83.8%
  • CSS 14.4%
  • JavaScript 1.2%
  • SCSS 0.6%