livecodes  by live-codes

Client-side code playground for diverse languages and frameworks

Created 5 years ago
1,440 stars

Top 27.8% on SourcePulse

GitHubView on GitHub
1 Expert Loves This Project
Project Summary

LiveCodes provides a feature-rich, open-source, client-side code playground supporting over 90 languages and frameworks. It targets developers seeking an immediate, zero-configuration environment for coding, testing, and sharing, eliminating the need for server setup, build steps, or subscriptions. Its core benefit is a "just works" philosophy, enabling instant usability and easy embedding into web pages while prioritizing user privacy.

How It Works

The project operates entirely client-side within the browser, negating the requirement for server infrastructure, databases, or complex build processes. This approach ensures rapid deployment and enhanced privacy. LiveCodes supports importing external resources and modules directly from sources like npm, deno.land/x, jsr, and GitHub, facilitating integration with existing ecosystems. Its design prioritizes a developer-friendly, build-free environment.

Quick Start & Requirements

  • Standalone: Access directly via livecodes.io.
  • Embedded: Integrate using a provided HTML snippet into web pages.
  • Self-hosted: Download releases and deploy on a static file server; a guide is available for GitHub Pages deployment.
  • Prerequisites: No specific software prerequisites are listed for core functionality. A GitHub account is necessary only for features leveraging GitHub integration.
  • Documentation: Comprehensive docs are available at https://livecodes.io/docs/.

Highlighted Details

  • Supports over 90 languages, frameworks, and processors.
  • Enables importing modules from npm, deno.land/x, jsr, and GitHub.
  • Offers a powerful, framework-agnostic Software Development Kit (SDK) for JavaScript and TypeScript, with wrapper components for React, Vue, Svelte, Solid, and Preact.
  • Provides features like code formatting, Intellisense, console, test runner, and broadcast sync.
  • Designed for privacy and security, running entirely client-side with no account required for most features.

Maintenance & Community

Updates are announced on Twitter/X (@livecodes_io) and the project blog (blog.livecodes.io). Feedback is welcomed via GitHub issues or discussions. The project acknowledges contributions from a community of developers. Specialized documentation (llms.txt, llms-full.txt) is provided for AI agents, with optional Intent skills installable via npx @tanstack/intent@latest install.

Licensing & Compatibility

LiveCodes is released under the permissive MIT License. This license allows for broad compatibility, including commercial use and integration within closed-source projects without significant restrictions.

Limitations & Caveats

A GitHub account is a prerequisite solely for features that integrate with GitHub. No other significant limitations, such as alpha status or unsupported platforms, are explicitly detailed in the README.

Health Check
Last Commit

12 hours ago

Responsiveness

Inactive

Pull Requests (30d)
19
Issues (30d)
2
Star History
13 stars in the last 30 days

Explore Similar Projects

Feedback? Help us improve.