LiveCodes

LiveCodes is a client-side code playground that runs entirely in the browser. It can be self-hosted on static file servers or CDNs, with a Docker-based setup to host additional services as needed.

Key Features

• Client-side code playground that runs in the browser with 90+ languages/frameworks/processors
• Embeddable in web pages via a lightweight SDK and simple embed options
• No servers required for core functionality; standalone or embedded usage is supported
• Import modules from npm, deno.land/x, jsr, GitHub and others
• Developer-friendly embedding and deployment workflow, including a Docker-based self-hosting path
• Comprehensive editor and tooling, including code formatting, intellisense, and optional AI assistance

Use Cases

• Embed an interactive playground into documentation and tutorials for hands-on learning
• Host private or internal coding environments without needing to manage back-end infrastructure
• Standalone or embedded playgrounds for teams to experiment with multiple languages and frameworks

Limitations and Considerations

• Some features rely on external services (e.g., short URLs, broadcast) and may not be available in purely static self-hosted deployments
• If you require those services in a self-hosted setup, you can use the included docker setup to run compatible services
• The core experience runs in the browser; certain advanced services may require additional hosting or configuration when self-hosted

Conclusion: LiveCodes provides a no-install, client-side playground with broad language support and an embeddable design, suitable for docs, tutorials, and in-app coding experiences. The project also offers Docker-based self-hosting for more control over services when needed.