A sandbox coding environment, desktop app, inspired by CodePen and JSFiddle

Related tags

Learning resource electron javascript css html website codepen code sandbox box electron-app jsfiddle webdevelopment codebox preview-panel
Overview

Github All Releases

CodeBox

  • CodeBox is a coding environment with HTML, CSS and JavaScript editors with a live preview panel to show what the code would look like in the browser
  • It's made using the Electron framework
  • It is inspired by Codepen and JsFiddle

CodeBox-Preview

Why use CodeBox?

  • CodeBox is better than the editors in CodePen and JSFiddle because CodeBox features the same editor used in VS Code.
  • This means that it has autocomplete, syntax highlighting, and a lot of other features that we all know and love from VS Code
  • Furthermore, it features hot reload which means, you don't have to press Ctrl/Cmd + S to show the code in the preview panel. It reloads automatically every time any key is pressed!

Check it out on GitHub here

Download it here

I would really appreciate a star on GitHub and any feedback you may have. Thanks!

You might also like...

Simple code sandbox for your website.

Simple code sandbox for your website.

Live Coding Sessions It is just a simple desk app which puts 3 apps together (code, audio, draw) in a responsiveness way, so you can have all at once,

Oct 23, 2022

The app's backend is written in Python (Flask) and for search it uses Elasticsearch. I used this app as candidate application for learning out how to build, run and deploy a multi-container environment (docker-compose).

foodtrucks-app-docker-compose The app's backend is written in Python (Flask) and for search it uses Elasticsearch. I used this app as candidate applic

Oct 24, 2022

💄 An app to create, edit, and preview HDR environment maps in the browser

💄 An app to create, edit, and preview HDR environment maps in the browser

Environment Map Light Editor Create, edit, and preview HDR environment maps in the browser. Preview your models in realtime and export lightmaps to us

Dec 30, 2022

App that receives data from a microcontroller that is set up at your electricity meter, which at certain intervals will send an image to be processed, this then gets sent to a Python instance which will get the data read from the image. That data gets sent back and will be saved to the account this meter belongs to. This gives you the ability to track your currently analog meter in a digtal environment.

Usage App Server About this project App that receives data from a microcontroller that is set up at your electricity meter, which at certain intervals

Dec 20, 2022

Little app for live coding effects for Matt Parker's xmas tree thing

Xmas Tree Lights App Little app for live coding and exporting effects for Matt Parker's Xmas tree experiment (2021 edition). You can check this out on

Dec 12, 2022

This is a limited version of Holium's OS environment for app developers to build with.

Holium - OS Sandbox This is a limited version of Holium's OS environment for app developers to integrate with. Structure There are three top-level fol

Nov 19, 2022

Desktop app for reading and downloading manga. With clean distraction-free design and no clutter

Tonbun Tonbun is a desktop app for reading and downloading manga. With clean distraction-free design and no clutter. Build with Rust, Tauri, Vue.js, a

Nov 30, 2022

A desktop app handling image uploading and text transfering.

A desktop app handling image uploading and text transfering.

Transmitter Introduction 一款利用Github repository实现图床+文本传输的桌面应用 框架：Vite+React+Electron Tutorial release 创建Github token：https://docs.github.com/en/authent

Mar 24, 2022

A dedicated desktop app that enables you to move items in and out of storage units in CSGO.

CASEMOVE Casemove is an open-source desktop application that helps you easily move items out of and into Storage Units in Counter-Strike: Global Offen

Dec 24, 2022
Comments
  • Code Box vs. CodeBox

    Code Box vs. CodeBox

    Change all instances of "Code Box" to "CodeBox" for consistency.

    • Naming of product was inconsistent in code, docs etc.
    • New Logo will use "CODEBOX" in all capital letters.

    (Will change some icons next, but the videos, gifs etc should also change to keep the brand name consistent too)

    opened by badcat 4
  • Save option

    Save option

    Hello friend, first thank you for your work. I loved using CodeBox. I just miss a way to save what I produce. Does this option exist? Thank you again.

    help wanted good first issue feature-request 
    opened by acferreirajr 5
Releases(v1.0.0)
Owner
Virej Dasani
A 16 year old, student and self-taught Software Developer
Virej Dasani
GitHub
Data structures & algorithms implementations and coding problem solutions. Written in Typescript and tested with Jest. Coding problems are pulled from LeetCode and Daily Coding Problem.

technical-interview-prep Data structures & algorithms implementations and coding problem solutions. Written in Typescript and tested with Jest. Coding

Lesley Chang 7 Aug 5, 2022
Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.

Dice Rotating CSS dice in 3D using jQuery. Based on my old CodePen Roll the dice!. Demo: https://alexerlandsson.github.io/dice/ How to use Include /do

Alexander Erlandsson 6 Dec 14, 2022
Desktop App for mdSilo: Tiny Knowledge silo on your desktop.

mdSilo A mind silo for storing ideas, thought, knowledge with a powerful writing tool. built with React and Tauri. Demo Discord This is desktop app, a

D.Loh 203 Dec 27, 2022
mirrord lets you easily mirror traffic from your production environment to your development environment.

mirrord lets you easily mirror traffic from your Kubernetes cluster to your development environment. It comes as both Visual Studio Code extension and a CLI tool.

MetalBear 2.1k Dec 24, 2022
This provides an extension integration with Docker Desktop to run k9s quickly and easily through the Docker Desktop interface.

k9s extension for Docker Desktop This provides an extension integration with Docker Desktop to allow k9s quickly and easily through the Docker Desktop

James Spurin 14 Dec 16, 2022
Remix sandbox repo for Rust compiled to WASM and to native N-API modules

Rust <-> Remix Sandbox Now with both native Rust and WASM versions! If you want to combine the Web Fundamentals & Modern UX of Remix together with the

Ben Wishovich 26 Dec 30, 2022
A movie schema sandbox for playing with EdgeDB and the EdgeQL query builder, pre-loaded with MCU data

The EdgeDB MCU sandbox ?? This is a sandbox for playing with EdgeDB and the EdgeQL query builder. It includes a simple movie database schema (dbschema

EdgeDB 13 Nov 9, 2022
quick.js based sandbox

About quick.js based sandbox npm install define-function works in any WebAssembly environment node browser wechat miniprogram Usage define a function

Tao Wen 25 Dec 7, 2022
Junon.io - 2D space sandbox survival

Junon.io Junon.io is a co-op multiplayer survival game where your goal is to build your own space-station, grow your colony, and defend it against hos

null 1 Oct 29, 2022
An obsidian plugin that allows code blocks executed interactively in sandbox like jupyter notebooks. Supported language rust、kotlin、python、Javascript、TypeScript etc.

Obsidian Code Emitter This plugin allows code blocks executed interactively like jupyter notebooks. Currently, support languages: Rust Kotlin JavaScri

YiiSh 38 Dec 28, 2022