Overview

LiveCodes is an open-source client-side code playground. It is feature-rich with support for 90+ languages/frameworks. It can be used as a standalone app or embedded in any web page. A powerful SDK is available to facilitate embedding and communication with embedded playgrounds.

The sections below include the documentation details:

📄️ Why Another Playground?

There are great products like CodePen, JSFiddle, JS Bin, CodeSandbox, Replit and many others, which LiveCodes does not aim to replace or compete with. On the contrary, it aims to integrate with as many of these services as their APIs allow.

📄️ Getting Started

There are multiple options:

🗃️ Features

46 items

🗃️ Configuration

2 items

🗃️ SDK

5 items

🗃️ Advanced

2 items

🗃️ Languages

96 items

📄️ Bookmarklet

LiveCodes allows importing code from a wide variety of sources.

📄️ GitHub Action ⚡

The Preview in LiveCodes GitHub Action generates preview links to playgrounds for code changes in pull requests and posts them as pull request comments.

📄️ Markdown to LiveCodes

Markdown and MDX code blocks can be easily converted to interactive LiveCodes playgrounds.

📄️ Contribution

Contributions are always welcome, no matter how large or small. Before contributing,

📄️ Credits

Services

📄️ License

📄️ Sponsor

Thank you for considering becoming a sponsor of LiveCodes! 💚

📄️ Contact

contact-custom-content-none}

📄️ About us

LiveCodes is built and maintained by Hatem Hosny, and wonderful contributors.