https://github.com/check-m4te/codeebox

A super cool code playground! 50 themes and Monaco editor!
https://github.com/check-m4te/codeebox

clean clone code-playground codepen javascript ui

Last synced: 3 months ago
JSON representation

A super cool code playground! 50 themes and Monaco editor!

• Host: GitHub
• URL: https://github.com/check-m4te/codeebox
• Owner: check-m4te
• License: mit
• Created: 2022-01-06T10:05:42.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-09T11:39:06.000Z (over 1 year ago)
• Last Synced: 2024-05-12T18:16:09.831Z (6 months ago)
• Topics: clean, clone, code-playground, codepen, javascript, ui
• Language: CSS
• Homepage: https://codeebox.vercel.app
• Size: 3.76 MB
• Stars: 22
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Known issues:

[x] ~~1. By default there's no theme, so you have to select one. Not really an issue but yea...~~

### CodeeBox

![image](https://github.com/check-m4te/codeebox/assets/132251469/77d9c702-eee5-4691-a19a-bc5eac715891)

A simple client-based web developing code playground 😏

https://codeebox.vercel.app

### Features:

1. Instant change preview (You can disable it if you want)

2. Saving without accounts or databases, everything's on the URL (Encoded) client-side.

3. File format (for large projects) `.codee`

4. Resizable, fully customizable.

5. Monaco editor! Taken right straight from VSCode source! (Has command palette, emmet, autocompletion, intellisense and formatting)

6. Dark mode, light mode, 49 themes!

7. Adaptive theme; sidebar, panels and gutters adapts to the theme you selected.

8. Active repository.

9. Clean and beautiful UI.

![image](https://github.com/L1ghtingBolt/codeebox/raw/main/favicon.png)

### Keybindings:

F1 or Ctrl + Shift + P: open command palette.

Other keybindings can be found in command palette.

### Building:

Download.

`Yarn / npm i / pnpm i`

`yarn build / npm run build /  pnpm run build`

### Developing

Download.

`Yarn / npm i / pnpm i`

`yarn dev / npm run dev /  pnpm run dev`