Skip to content

henryhale/livecode

Repository files navigation

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

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;

Get Started

Open in StackBlitz

Install

To setup LiveCode locally, follow the steps below;

  • Clone this repository
git clone https://github.com/henryhale/livecode.git
  • Install all dependencies
pnpm install # or npm install or yarn install
  • Run dev server
pnpm dev # or npm run dev or yarn run 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

For any bug or issue, kindly open one here.

Credits

Thanks to these amazing projects, LiveCode heavily depends on them;

License

Released under MIT License