virejdasani / codebox

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

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

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!

Download CodeBox for your operating system here

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

codebox's Issues

logo

this looks interesting but the logo.. I can't. ;)

Here - this is for you. I hope you consider it.

.

Reloading removes all the code

When I press Ctrl + R, the whole app refresh, which remove all the code, instead of reloading the webview.

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.

AUto complete

How do you enable auto-complete?