# LiveCodes ## Docs - [Custom Language Compilers](https://mintlify.wiki/live-codes/livecodes/advanced/custom-compilers.md): Create and integrate custom language compilers into LiveCodes - [Docker Configuration](https://mintlify.wiki/live-codes/livecodes/advanced/docker.md): Complete Docker and Docker Compose setup guide for LiveCodes - [Performance Optimization](https://mintlify.wiki/live-codes/livecodes/advanced/performance.md): Optimize LiveCodes for speed, efficiency, and scalability - [Security Model](https://mintlify.wiki/live-codes/livecodes/advanced/security.md): Understanding LiveCodes security architecture and sandboxed execution - [Self-Hosting Guide](https://mintlify.wiki/live-codes/livecodes/advanced/self-hosting.md): Deploy and host LiveCodes on your own infrastructure - [Services Architecture](https://mintlify.wiki/live-codes/livecodes/advanced/services.md): Understanding LiveCodes internal service architecture and communication patterns - [Config Interface](https://mintlify.wiki/live-codes/livecodes/api/config.md): Complete reference for the LiveCodes configuration object - [Editor Configuration](https://mintlify.wiki/live-codes/livecodes/api/editor-config.md): Configuration options for code editors in LiveCodes - [EmbedOptions Interface](https://mintlify.wiki/live-codes/livecodes/api/embed-options.md): Configuration options for embedding LiveCodes playgrounds - [change](https://mintlify.wiki/live-codes/livecodes/api/events/change.md): Event fired when the playground content changes - [console](https://mintlify.wiki/live-codes/livecodes/api/events/console.md): Event fired when console methods are called in the playground - [destroy](https://mintlify.wiki/live-codes/livecodes/api/events/destroy.md): Event fired when the playground is destroyed - [ready](https://mintlify.wiki/live-codes/livecodes/api/events/ready.md): Event fired when a new project is loaded and the playground is ready to run - [testResults](https://mintlify.wiki/live-codes/livecodes/api/events/test-results.md): Event fired when tests run in the playground - [Language Configuration](https://mintlify.wiki/live-codes/livecodes/api/language-config.md): Configuration for supported programming languages in LiveCodes - [destroy()](https://mintlify.wiki/live-codes/livecodes/api/methods/destroy.md): Destroy the playground instance and clean up resources - [exec()](https://mintlify.wiki/live-codes/livecodes/api/methods/exec.md): Execute custom commands in the playground - [format()](https://mintlify.wiki/live-codes/livecodes/api/methods/format.md): Format code in playground editors using Prettier - [getCode()](https://mintlify.wiki/live-codes/livecodes/api/methods/get-code.md): Get the current code from all playground editors - [getConfig()](https://mintlify.wiki/live-codes/livecodes/api/methods/get-config.md): Get the current playground configuration - [getShareUrl()](https://mintlify.wiki/live-codes/livecodes/api/methods/get-share-url.md): Generate a shareable URL for the current playground project - [run()](https://mintlify.wiki/live-codes/livecodes/api/methods/run.md): Execute the playground code and display results - [setConfig()](https://mintlify.wiki/live-codes/livecodes/api/methods/set-config.md): Load a new configuration into the playground - [watch()](https://mintlify.wiki/live-codes/livecodes/api/methods/watch.md): Watch for playground events and execute callbacks - [Playground API](https://mintlify.wiki/live-codes/livecodes/api/playground.md): Complete API reference for the LiveCodes Playground class - [Tools Configuration](https://mintlify.wiki/live-codes/livecodes/api/tools-config.md): Configuration for the LiveCodes tools pane (console, compiled code viewer, tests) - [Configuration Object](https://mintlify.wiki/live-codes/livecodes/configuration/configuration-object.md): Complete reference for the LiveCodes Config object and all its properties - [Custom Settings](https://mintlify.wiki/live-codes/livecodes/configuration/custom-settings.md): Advanced language-specific and compiler configuration options - [Display Modes](https://mintlify.wiki/live-codes/livecodes/configuration/display-modes.md): Different playground display modes for various use cases - [Editor Settings](https://mintlify.wiki/live-codes/livecodes/configuration/editor-settings.md): Configure code editor appearance, behavior, and features - [Configuration Overview](https://mintlify.wiki/live-codes/livecodes/configuration/overview.md): Understanding the LiveCodes configuration system and how to customize your playground - [URL Query Parameters](https://mintlify.wiki/live-codes/livecodes/configuration/query-params.md): Configure LiveCodes playgrounds using URL query parameters - [Assets Manager](https://mintlify.wiki/live-codes/livecodes/features/assets.md): Upload, manage, and host images, videos, fonts, and other files - [Backup & Restore](https://mintlify.wiki/live-codes/livecodes/features/backup-restore.md): Backup your projects, settings, and data, and restore them when needed - [Broadcast Mode](https://mintlify.wiki/live-codes/livecodes/features/broadcast.md): Live broadcast your coding sessions to multiple viewers in real-time - [Built-in Console](https://mintlify.wiki/live-codes/livecodes/features/console.md): Interactive JavaScript console with code execution and debugging features - [Deploy to GitHub Pages](https://mintlify.wiki/live-codes/livecodes/features/deploy.md): Deploy your LiveCodes projects to GitHub Pages with one click - [Code Editor](https://mintlify.wiki/live-codes/livecodes/features/editor.md): Powerful Monaco editor with IntelliSense, auto-completion, and advanced editing features - [Embed Playgrounds](https://mintlify.wiki/live-codes/livecodes/features/embed.md): Embed interactive code playgrounds in your website, blog, or documentation - [Export Projects](https://mintlify.wiki/live-codes/livecodes/features/export.md): Export your code as HTML, JSON, zip files, or to other platforms - [External Resources](https://mintlify.wiki/live-codes/livecodes/features/external-resources.md): Add external scripts, stylesheets, fonts, and CSS presets to your projects - [Internationalization (i18n)](https://mintlify.wiki/live-codes/livecodes/features/i18n.md): Use LiveCodes in your preferred language - [Import Code](https://mintlify.wiki/live-codes/livecodes/features/import.md): Import projects from GitHub, gists, CodePen, JSBin, and more - [Supported Languages](https://mintlify.wiki/live-codes/livecodes/features/languages.md): Write code in 90+ programming languages, frameworks, and preprocessors - [NPM Module Resolution](https://mintlify.wiki/live-codes/livecodes/features/modules.md): Import and use NPM packages with automatic module resolution and multiple CDN options - [Share Projects](https://mintlify.wiki/live-codes/livecodes/features/share.md): Share your code via URLs, QR codes, and social media - [Cross-Device Sync](https://mintlify.wiki/live-codes/livecodes/features/sync.md): Synchronize your projects and settings across devices - [Starter Templates](https://mintlify.wiki/live-codes/livecodes/features/templates.md): Kickstart your projects with pre-configured templates for popular frameworks and libraries - [Test Runner](https://mintlify.wiki/live-codes/livecodes/features/tests.md): Write and run automated tests with popular testing frameworks - [Themes](https://mintlify.wiki/live-codes/livecodes/features/themes.md): Customize your coding experience with light, dark, and custom editor themes - [Introduction to LiveCodes](https://mintlify.wiki/live-codes/livecodes/introduction.md): A feature-rich, client-side code playground supporting 90+ languages and frameworks with zero configuration. - [CSS Processors](https://mintlify.wiki/live-codes/livecodes/languages/css-processors.md): SCSS, Less, Stylus, PostCSS, Tailwind CSS, and UnoCSS support - [Go](https://mintlify.wiki/live-codes/livecodes/languages/go.md): Run Go code in the browser with Yaegi interpreter and TinyGo WebAssembly - [JavaScript](https://mintlify.wiki/live-codes/livecodes/languages/javascript.md): Native JavaScript support with ES2020+ features - [Language Support](https://mintlify.wiki/live-codes/livecodes/languages/overview.md): Comprehensive overview of 90+ supported languages in LiveCodes - [PHP](https://mintlify.wiki/live-codes/livecodes/languages/php.md): Run PHP in the browser with Uniter and php.wasm - [Python](https://mintlify.wiki/live-codes/livecodes/languages/python.md): Run Python in the browser with Brython and Pyodide - [React](https://mintlify.wiki/live-codes/livecodes/languages/react.md): Build React applications with JSX/TSX and React Compiler - [Ruby](https://mintlify.wiki/live-codes/livecodes/languages/ruby.md): Run Ruby in the browser with Opal and ruby.wasm - [Svelte](https://mintlify.wiki/live-codes/livecodes/languages/svelte.md): Svelte 5 compiler with runes, reactive state, and scoped styles - [Template Engines](https://mintlify.wiki/live-codes/livecodes/languages/template-engines.md): Pug, Haml, Handlebars, EJS, Nunjucks, Liquid, and more HTML preprocessors - [TypeScript](https://mintlify.wiki/live-codes/livecodes/languages/typescript.md): Full TypeScript support with type checking and IntelliSense - [Vue](https://mintlify.wiki/live-codes/livecodes/languages/vue.md): Vue 2 and Vue 3 Single File Components (SFC) with full compiler support - [WebAssembly](https://mintlify.wiki/live-codes/livecodes/languages/webassembly.md): WebAssembly (WASM) and WebAssembly Text Format (WAT) support - [Quickstart guide](https://mintlify.wiki/live-codes/livecodes/quickstart.md): Get started with LiveCodes in minutes - create your first playground, embed it in your app, or use the SDK. - [Changelog](https://mintlify.wiki/live-codes/livecodes/resources/changelog.md): Version history and release notes for LiveCodes - [Contributing to LiveCodes](https://mintlify.wiki/live-codes/livecodes/resources/contributing.md): How to contribute to the LiveCodes project - [Frequently Asked Questions](https://mintlify.wiki/live-codes/livecodes/resources/faq.md): Common questions about LiveCodes - [Migration Guide](https://mintlify.wiki/live-codes/livecodes/resources/migration.md): Upgrade guides for major LiveCodes versions - [Troubleshooting](https://mintlify.wiki/live-codes/livecodes/resources/troubleshooting.md): Common issues and solutions for LiveCodes - [API Reference](https://mintlify.wiki/live-codes/livecodes/sdk/api-reference.md): Complete API reference for the LiveCodes SDK - [Events](https://mintlify.wiki/live-codes/livecodes/sdk/events.md): Understanding the LiveCodes SDK event system - [Getting Started](https://mintlify.wiki/live-codes/livecodes/sdk/getting-started.md): Create your first LiveCodes embedded playground - [Installation](https://mintlify.wiki/live-codes/livecodes/sdk/installation.md): Install the LiveCodes SDK via npm, yarn, or pnpm - [Methods](https://mintlify.wiki/live-codes/livecodes/sdk/methods.md): All available methods on the Playground object - [SDK Overview](https://mintlify.wiki/live-codes/livecodes/sdk/overview.md): Introduction to the LiveCodes SDK and its capabilities - [React Component](https://mintlify.wiki/live-codes/livecodes/sdk/react.md): Use the LiveCodes React component in your application - [Svelte Usage](https://mintlify.wiki/live-codes/livecodes/sdk/svelte.md): Use LiveCodes in Svelte applications - [TypeScript Types](https://mintlify.wiki/live-codes/livecodes/sdk/types.md): Complete TypeScript type definitions for the LiveCodes SDK - [Vue Component](https://mintlify.wiki/live-codes/livecodes/sdk/vue.md): Use the LiveCodes Vue component in your application - [Why LiveCodes?](https://mintlify.wiki/live-codes/livecodes/why-livecodes.md): Discover what makes LiveCodes different from other code playgrounds and why you should choose it for your projects. ## OpenAPI Specs - [openapi](https://mintlify.wiki/live-codes/livecodes/api-reference/openapi.json)