https://github.com/henryhale/livecode
⚡️ A minimal, efficient front-end tool for quick, streamlined tasks.
https://github.com/henryhale/livecode
beginner-friendly code-playground codemirror6 henryhale live livecode-editor livecoding minimal vue vuejs
Last synced: 2 months ago
JSON representation
⚡️ A minimal, efficient front-end tool for quick, streamlined tasks.
- Host: GitHub
- URL: https://github.com/henryhale/livecode
- Owner: henryhale
- License: mit
- Created: 2023-03-14T13:58:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-09T12:47:14.000Z (6 months ago)
- Last Synced: 2025-04-04T10:03:53.699Z (3 months ago)
- Topics: beginner-friendly, code-playground, codemirror6, henryhale, live, livecode-editor, livecoding, minimal, vue, vuejs
- Language: Vue
- Homepage: https://henryhale.github.io/livecode/
- Size: 1.95 MB
- Stars: 7
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
LiveCode
A front-end code playground tool right in your browser. It's intended for use wherever possible most especially, live coding sessions for front-end developers.
## Features
- Easy to use
- Minimal and fast
- Live updates and preview
- Builtin IDE with syntax highlighting, suggestions, and more
- Local storage for backup (CTRL + S to save and automatic restore)
## Demo
Try this demo online: [Click Here](https://henryhale.github.io/livecode)
## Why?
I needed an offline tool to quickly learn and test front-end code (the basics). There are many code playgrounds online that offer much more but I intended to create a minimal, zero-config and easy to use playground.
If you need a more fully fledged online code playground, try;
- [StackBlitz](https://stackblitz.com)
- [CodeSandbox](https://codesandbox.io)
- [CodePen](https://codepen.io)
## Get Started
[](https://stackblitz.com/github/henryhale/livecode)
## Install
To setup `LiveCode` locally, follow the steps below;
- Clone this repository
```sh
git clone https://github.com/henryhale/livecode.git
```
- Install all dependencies
```sh
pnpm install
```
- Run dev server
```sh
pnpm dev
```
## Bugs, Issues and Contributions
I'm glad you took time to check `LiveCode`. Thank you very much.
All contributions are welcome, please follow the steps [here](https://github.com/henryhale/livecode/blob/main/.github/CONTRIBUTING.md)
For any bug or issue, kindly open one [here](https://github.com/henryhale/livecode/issues).
## Credits
Thanks to these amazing projects, `LiveCode` heavily depends on them;
- [vue.js](https://vuejs.org)
- [vite.js](https://vitejs.dev)
- [tailwindcss](https://tailwindcss.com)
- [codemirror](https://codemirror.net)
- [shadcn-vue](https://github.com/unovue/shadcn-vue)
## License
Released under [MIT License](./LICENSE.md)