43 lines
49 KiB
HTML
43 lines
49 KiB
HTML
<!doctype html><html lang=en dir=ltr class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-features/templates" data-has-hydrated=false><meta charset=UTF-8><meta name=generator content="Docusaurus v3.7.0"><title data-rh=true>Templates | LiveCodes</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"><meta data-rh=true name=twitter:card content=summary_large_image><meta data-rh=true property=og:url content=https://livecodes.io/docs/features/templates><meta data-rh=true property=og:locale content=en><meta data-rh=true name=docusaurus_locale content=en><meta data-rh=true name=docsearch:language content=en><meta data-rh=true name=docusaurus_version content=current><meta data-rh=true name=docusaurus_tag content=docs-default-current><meta data-rh=true name=docsearch:version content=current><meta data-rh=true name=docsearch:docusaurus_tag content=docs-default-current><meta data-rh=true property=og:title content="Templates | LiveCodes"><meta data-rh=true name=description content="A new project can be based on any of the provided starter templates or user templates."><meta data-rh=true property=og:description content="A new project can be based on any of the provided starter templates or user templates."><link data-rh=true rel=icon href=/docs/img/favicon.ico><link data-rh=true rel=canonical href=https://livecodes.io/docs/features/templates><link data-rh=true rel=alternate href=https://livecodes.io/docs/features/templates hreflang=en><link data-rh=true rel=alternate href=https://livecodes.io/docs/features/templates hreflang=x-default><link data-rh=true rel=preconnect href=https://H9Z2PKYS80-dsn.algolia.net crossorigin=anonymous><link rel=search type=application/opensearchdescription+xml title=LiveCodes href=/docs/opensearch.xml><script type=ea-placeholder id=ea-placeholder data-ea-publisher=livecodesio data-ea-manual=true></script><script src=https://unpkg.com/prettier@2.4.1/standalone.js async></script><script src=https://unpkg.com/prettier@2.4.1/parser-babel.js async></script><script src=https://unpkg.com/prettier@2.4.1/parser-html.js async></script><script src=https://media.ethicalads.io/media/client/ethicalads.min.js async defer></script><link rel=stylesheet href=/docs/assets/css/styles.61e3dfbf.css><script src=/docs/assets/js/runtime~main.a40c3f9c.js defer></script><script src=/docs/assets/js/main.af5c4c8b.js defer></script><body class=navigation-with-keyboard><script>!function(){var t,e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t=null!==e?e:"light",document.documentElement.setAttribute("data-theme",t)}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id=__docusaurus><link rel=preload as=image href=/docs/img/livecodes-logo.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/blank.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/javascript.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/typescript.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/react.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/vue.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/angular.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/preact.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/svelte.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/solid.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/lit.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/stencil.png><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/mdx.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/tailwindcss.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/shadcn-ui.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/daisyui.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/bootstrap.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/astro.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/riot.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/malina.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/jquery.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/backbone.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/knockout.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/jest.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/coffeescript.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/livescript.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/civet.png><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/clio.png><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/imba.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/rescript.png><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/reason.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/ocaml.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/python.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/r.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/ruby.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/go.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/php.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/cpp.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/java.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/csharp.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/perl.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/lua.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/teal.png><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/fennel.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/julia.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/scheme.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/commonlisp.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/cljs.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/gleam.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/tcl.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/markdown.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/assemblyscript.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/webassembly.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/sqlite.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/postgresql.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/tau-prolog.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/blockly.svg><link rel=preload as=image href=https://livecodes.io//livecodes/assets/templates/diagrams.svg><div role=region aria-label="Skip to main content"><a class=skipToContent_fXgn href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><nav aria-label=Main class="navbar navbar--fixed-top"><div class=navbar__inner><div class=navbar__items><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/docs/><div class=navbar__logo><img src=/docs/img/livecodes-logo.svg alt="LiveCodes Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src=/docs/img/livecodes-logo.svg alt="LiveCodes Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">LiveCodes</b></a><a aria-current=page class="navbar__item navbar__link navbar__link--active" href=/docs/overview>Docs</a><a class="navbar__item navbar__link" href=/docs/sdk>SDK</a><a href=https://blog.livecodes.io target=_self rel="noopener noreferrer" class="navbar__item navbar__link">Blog<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=/docs/../stories target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">Storybook<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></div><div class="navbar__items navbar__items--right"><a href=/docs/../ target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">App<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=https://twitter.com/livecodes_io target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">𝕏<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=https://github.com/live-codes/livecodes target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type=button disabled title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live=polite aria-pressed=false><svg viewBox="0 0 24 24" width=24 height=24 class=lightToggleIcon_pyhR><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 class=darkToggleIcon_wfgR><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg></button></div><div class=navbarSearchContainer_Bca1><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 20 20" aria-hidden=true><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke=currentColor fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="main-wrapper mainWrapper_z2l0"><div class=docsWrapper_hBAB><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type=button></button><div class=docRoot_UBD9><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><div class=sidebarViewport_aRkj><div class=sidebar_njMd><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class=menu__list-item-collapsible><a class="menu__link menu__link--active" href=/docs/overview>Docs</a></div><ul style=display:block;overflow:visible;height:auto class=menu__list><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/why>Why Another Playground?</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/getting-started>Getting Started</a><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist menu__link--active" tabindex=0 href=/docs/features/>Features</a><button aria-label="Collapse sidebar category 'Features'" aria-expanded=true type=button class="clean-btn menu__caret"></button></div><ul style=display:block;overflow:visible;height:auto class=menu__list><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/projects>Projects</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current=page tabindex=0 href=/docs/features/templates>Templates</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/css>CSS</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/result>Result Page</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/external-resources>External Resources</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/tools-pane>Tools Pane</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/console>Console</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/compiled-code>Compiled Code</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/tests>Tests</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/module-resolution>Module Resolution</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/intellisense>IntelliSense</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/ai>AI Code Assistant 🪄</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/code-format>Code Format</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/command-menu>Command Menu</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/keyboard-shortcuts>Keyboard Shortcuts</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/user-settings>User Settings</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/editor-settings>Editor Settings</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/i18n>Internationalization (i18n)</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/default-template-language>Default Template/Language</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/assets>Assets</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/snippets>Code Snippets</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/import>Import</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/export>Export</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/share>Share</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/welcome>Welcome Screen</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/recover>Recover Unsaved</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/code-to-image>Code to Image</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/display-modes>Display Modes</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/default-view>Default View</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/themes>Themes</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/mobile>Mobile Support</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/embeds>Embedded Playgrounds</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/lite>Lite Mode</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/read-only>Read-Only</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/permanent-url>Permanent URL</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/code-prefill>Code Prefill</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/data-urls>Data URLs</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/deploy>Deploy</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/sync>Sync</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/broadcast>Broadcast</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/backup-restore>Backup / Restore</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/github-integration>GitHub Integration</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/integrations>Integrations</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/user-management>User Management</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/security>Security</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class=menu__link tabindex=0 href=/docs/features/self-hosting>Self-Hosting</a></ul><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" tabindex=0 href=/docs/configuration/>Configuration</a><button aria-label="Expand sidebar category 'Configuration'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" tabindex=0 href=/docs/sdk/>SDK</a><button aria-label="Expand sidebar category 'SDK'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" tabindex=0 href=/docs/advanced/>Advanced</a><button aria-label="Expand sidebar category 'Advanced'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" tabindex=0 href=/docs/languages/>Languages</a><button aria-label="Expand sidebar category 'Languages'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/bookmarklet>Bookmarklet</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/gh-action>GitHub Action ⚡</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/markdown-to-livecodes>Markdown to LiveCodes</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/contribution>Contribution</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/credits>Credits</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/license>License</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/sponsor>Sponsor</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/contact>Contact</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/about>About us</a></ul></ul></nav><button type=button title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width=20 height=20 aria-hidden=true class=collapseSidebarButtonIcon_kv0_><g fill=#7a7a7a><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"/><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"/></g></svg></button></div></div></aside><main class=docMainContainer_TBSr><div class="container padding-top--md padding-bottom--lg"><div class=row><div class="col docItemCol_z5aJ"><div class=docItemContainer_c0TR><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label=Breadcrumbs><ul class=breadcrumbs itemscope itemtype=https://schema.org/BreadcrumbList><li class=breadcrumbs__item><a aria-label="Home page" class=breadcrumbs__link href=/docs/><svg viewBox="0 0 24 24" class=breadcrumbHomeIcon_YNFT><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill=currentColor /></svg></a><li itemscope itemprop=itemListElement itemtype=https://schema.org/ListItem class=breadcrumbs__item><a class=breadcrumbs__link itemprop=item href=/docs/overview><span itemprop=name>Docs</span></a><meta itemprop=position content=1><li itemscope itemprop=itemListElement itemtype=https://schema.org/ListItem class=breadcrumbs__item><a class=breadcrumbs__link itemprop=item href=/docs/features/><span itemprop=name>Features</span></a><meta itemprop=position content=2><li itemscope itemprop=itemListElement itemtype=https://schema.org/ListItem class="breadcrumbs__item breadcrumbs__item--active"><span class=breadcrumbs__link itemprop=name>Templates</span><meta itemprop=position content=3></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type=button class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Templates</h1><div class="custom-content custom-content-header content_lMOZ undefined"><div data-ea-publisher=livecodesio data-ea-type=image class=horizontal data-ea-manual=true></div></div></header>
|
||
<!-- -->
|
||
<p>A new project can be based on any of the provided <a href=#starter-templates>starter templates</a> or <a href=#user-templates>user templates</a>.</p>
|
||
<p>A new project (from template) can be started from:</p>
|
||
<ul>
|
||
<li>Project menu → New</li>
|
||
<li><a href=/docs/features/welcome>Welcome Screen</a> → New</li>
|
||
<li>Direct URL: <a href=https://livecodes.io?new target=_blank rel="noopener noreferrer">https://livecodes.io?new</a></li>
|
||
</ul>
|
||
<h2 class="anchor anchorWithStickyNavbar_LWe7" id=starter-templates>Starter Templates<a href=#starter-templates class=hash-link aria-label="Direct link to Starter Templates" title="Direct link to Starter Templates"></a></h2>
|
||
<p>A Large number of starter templates are available. They act as starting points and example usage for the <a href=/docs/languages/>languages</a> available in LiveCodes.</p>
|
||
<p>A direct link for a starter template has the following format:</p>
|
||
<p><code>?template={template_name}</code> (e.g. <a href="https://livecodes.io/?template=react" target=_blank rel="noopener noreferrer">https://livecodes.io/?template=react</a>)</p>
|
||
<p>The list of template names are documented <a href=/docs/api/internal/type-aliases/TemplateName>here</a>.</p>
|
||
<h3 class="anchor anchorWithStickyNavbar_LWe7" id=template-list>Template List<a href=#template-list class=hash-link aria-label="Direct link to Template List" title="Direct link to Template List"></a></h3>
|
||
<p>The following list of starter templates are available:</p>
|
||
<ul class=list_XWVl><li><a href="https://livecodes.io//?template=blank" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/blank.svg><div>Blank Project</div></a><li><a href="https://livecodes.io//?template=javascript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/javascript.svg><div>JavaScript Starter</div></a><li><a href="https://livecodes.io//?template=typescript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/typescript.svg><div>TypeScript Starter</div></a><li><a href="https://livecodes.io//?template=react" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/react.svg><div>React Starter</div></a><li><a href="https://livecodes.io//?template=react-native" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/react.svg><div>React Native Starter</div></a><li><a href="https://livecodes.io//?template=vue" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/vue.svg><div>Vue 3 SFC Starter</div></a><li><a href="https://livecodes.io//?template=vue2" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/vue.svg><div>Vue 2 Starter</div></a><li><a href="https://livecodes.io//?template=angular" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/angular.svg><div>Angular Starter</div></a><li><a href="https://livecodes.io//?template=preact" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/preact.svg><div>Preact Starter</div></a><li><a href="https://livecodes.io//?template=svelte" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/svelte.svg><div>Svelte Starter</div></a><li><a href="https://livecodes.io//?template=solid" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/solid.svg><div>Solid Starter</div></a><li><a href="https://livecodes.io//?template=lit" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/lit.svg><div>Lit Starter</div></a><li><a href="https://livecodes.io//?template=stencil" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/stencil.png><div>Stencil Starter</div></a><li><a href="https://livecodes.io//?template=mdx" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/mdx.svg><div>MDX Starter</div></a><li><a href="https://livecodes.io//?template=tailwindcss" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/tailwindcss.svg><div>Tailwind CSS Starter</div></a><li><a href="https://livecodes.io//?template=shadcn-ui" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/shadcn-ui.svg><div>shadcn/ui Starter</div></a><li><a href="https://livecodes.io//?template=daisyui" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/daisyui.svg><div>daisyUI Starter</div></a><li><a href="https://livecodes.io//?template=bootstrap" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/bootstrap.svg><div>Bootstrap Starter</div></a><li><a href="https://livecodes.io//?template=astro" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/astro.svg><div>Astro Starter</div></a><li><a href="https://livecodes.io//?template=riot" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/riot.svg><div>Riot.js Starter</div></a><li><a href="https://livecodes.io//?template=malina" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/malina.svg><div>Malina.js Starter</div></a><li><a href="https://livecodes.io//?template=jquery" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/jquery.svg><div>jQuery Starter</div></a><li><a href="https://livecodes.io//?template=backbone" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/backbone.svg><div>Backbone Starter</div></a><li><a href="https://livecodes.io//?template=knockout" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/knockout.svg><div>Knockout Starter</div></a><li><a href="https://livecodes.io//?template=jest" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/jest.svg><div>Jest Starter</div></a><li><a href="https://livecodes.io//?template=jest-react" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/jest.svg><div>Jest/React Starter</div></a><li><a href="https://livecodes.io//?template=coffeescript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/coffeescript.svg><div>CoffeeScript Starter</div></a><li><a href="https://livecodes.io//?template=livescript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/livescript.svg><div>LiveScript Starter</div></a><li><a href="https://livecodes.io//?template=civet" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/civet.png><div>Civet Starter</div></a><li><a href="https://livecodes.io//?template=clio" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/clio.png><div>Clio Starter</div></a><li><a href="https://livecodes.io//?template=imba" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/imba.svg><div>Imba Starter</div></a><li><a href="https://livecodes.io//?template=rescript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/rescript.png><div>ReScript Starter</div></a><li><a href="https://livecodes.io//?template=reason" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/reason.svg><div>Reason Starter</div></a><li><a href="https://livecodes.io//?template=ocaml" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/ocaml.svg><div>Ocaml Starter</div></a><li><a href="https://livecodes.io//?template=python" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/python.svg><div>Python Starter</div></a><li><a href="https://livecodes.io//?template=python-wasm" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/python.svg><div>Python (Wasm) Starter</div></a><li><a href="https://livecodes.io//?template=r" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/r.svg><div>R Starter</div></a><li><a href="https://livecodes.io//?template=ruby" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/ruby.svg><div>Ruby Starter</div></a><li><a href="https://livecodes.io//?template=ruby-wasm" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/ruby.svg><div>Ruby (Wasm) Starter</div></a><li><a href="https://livecodes.io//?template=go" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/go.svg><div>Go Starter</div></a><li><a href="https://livecodes.io//?template=php" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/php.svg><div>PHP Starter</div></a><li><a href="https://livecodes.io//?template=php-wasm" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/php.svg><div>PHP (Wasm) Starter</div></a><li><a href="https://livecodes.io//?template=cpp" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/cpp.svg><div>C++ Starter</div></a><li><a href="https://livecodes.io//?template=cpp-wasm" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/cpp.svg><div>C++ (Wasm) Starter</div></a><li><a href="https://livecodes.io//?template=java" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/java.svg><div>Java Starter</div></a><li><a href="https://livecodes.io//?template=csharp-wasm" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/csharp.svg><div>C# (Wasm)</div></a><li><a href="https://livecodes.io//?template=perl" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/perl.svg><div>Perl Starter</div></a><li><a href="https://livecodes.io//?template=lua" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/lua.svg><div>Lua Starter</div></a><li><a href="https://livecodes.io//?template=lua-wasm" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/lua.svg><div>Lua (wasm) Starter</div></a><li><a href="https://livecodes.io//?template=teal" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/teal.png><div>Teal Starter</div></a><li><a href="https://livecodes.io//?template=fennel" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/fennel.svg><div>Fennel Starter</div></a><li><a href="https://livecodes.io//?template=julia" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/julia.svg><div>Julia Starter</div></a><li><a href="https://livecodes.io//?template=scheme" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/scheme.svg><div>Scheme Starter</div></a><li><a href="https://livecodes.io//?template=commonlisp" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/commonlisp.svg><div>Common Lisp Starter</div></a><li><a href="https://livecodes.io//?template=clojurescript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/cljs.svg><div>ClojureScript Starter</div></a><li><a href="https://livecodes.io//?template=gleam" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/gleam.svg><div>Gleam Starter</div></a><li><a href="https://livecodes.io//?template=tcl" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/tcl.svg><div>Tcl Starter</div></a><li><a href="https://livecodes.io//?template=markdown" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/markdown.svg><div>Markdown Starter</div></a><li><a href="https://livecodes.io//?template=assemblyscript" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/assemblyscript.svg><div>AssemblyScript Starter</div></a><li><a href="https://livecodes.io//?template=wat" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/webassembly.svg><div>WebAssembly Text Starter</div></a><li><a href="https://livecodes.io//?template=sql" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/sqlite.svg><div>SQL Starter</div></a><li><a href="https://livecodes.io//?template=postgresql" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/postgresql.svg><div>PostgreSQL Starter</div></a><li><a href="https://livecodes.io//?template=prolog" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/tau-prolog.svg><div>Prolog Starter</div></a><li><a href="https://livecodes.io//?template=blockly" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/blockly.svg><div>Blockly Starter</div></a><li><a href="https://livecodes.io//?template=diagrams" target=_blank><img src=https://livecodes.io//livecodes/assets/templates/diagrams.svg><div>Diagrams Starter</div></a></ul>
|
||
<h2 class="anchor anchorWithStickyNavbar_LWe7" id=user-templates>User Templates<a href=#user-templates class=hash-link aria-label="Direct link to User Templates" title="Direct link to User Templates"></a></h2>
|
||
<p>Any project loaded in LiveCodes can be saved as a user template, to be used later as a starting point for new projects.</p>
|
||
<p>A project can be saved as a user template from Project menu → Save as → Template.</p>
|
||
<p>It can then be accessed from Project menu → New ... → My Templates.</p>
|
||
<p>A user template can be set as <a href=/docs/features/default-template-language>default template</a> to be automatically loaded when loading the app.</p>
|
||
<p>User templates are scoped to the currently <a href=/docs/features/user-management>logged-in user</a>. They can be <a href=/docs/features/backup-restore>backed up/restored</a> and <a href=/docs/features/sync>synced</a> the same as other user data.</p>
|
||
<h2 class="anchor anchorWithStickyNavbar_LWe7" id=related>Related<a href=#related class=hash-link aria-label="Direct link to Related" title="Direct link to Related"></a></h2>
|
||
<ul>
|
||
<li><a href=/docs/features/default-template-language>Default Template/Language</a></li>
|
||
<li><a href=/docs/features/projects>Project</a></li>
|
||
<li><a href=/docs/features/snippets>Code Snippets</a></li>
|
||
<li><a href=/docs/features/user-management>User management</a></li>
|
||
<li><a href=/docs/features/backup-restore>Backup/Restore</a></li>
|
||
<li><a href=/docs/features/sync>Sync</a></li>
|
||
<li><a href=/docs/languages/>Languages</a></li>
|
||
</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class=col><a href=https://github.com/live-codes/livecodes/tree/develop/docs/docs/features/templates.mdx target=_blank rel="noopener noreferrer" class=theme-edit-this-page><svg fill=currentColor height=20 width=20 viewBox="0 0 40 40" class=iconEdit_Z9Sw aria-hidden=true><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"/></g></svg>Edit this page</a></div><div class="col lastUpdated_JAkA"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=/docs/features/projects><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label>Projects</div></a><a class="pagination-nav__link pagination-nav__link--next" href=/docs/features/css><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>CSS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href=#starter-templates class="table-of-contents__link toc-highlight">Starter Templates</a><ul><li><a href=#template-list class="table-of-contents__link toc-highlight">Template List</a></ul><li><a href=#user-templates class="table-of-contents__link toc-highlight">User Templates</a><li><a href=#related class="table-of-contents__link toc-highlight">Related</a></ul><div class="custom-content custom-content-toc content_kfNa">
|
||
<div class=sponsors>
|
||
<div class=sponsors-title>Sponsors</div>
|
||
<ul>
|
||
|
||
<li><a href=https://livecodes.io/docs/sponsor title="Become a sponsor">Your Logo</a></li>
|
||
</ul>
|
||
</div>
|
||
</div></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/overview>Overview</a><li class=footer__item><a class=footer__link-item href=/docs/why>Why Another Playground?</a><li class=footer__item><a class=footer__link-item href=/docs/getting-started>Getting Started</a><li class=footer__item><a class=footer__link-item href=/docs/features>Features</a><li class=footer__item><a class=footer__link-item href=/docs/languages>Languages</a><li class=footer__item><a class=footer__link-item href=/docs/sdk>SDK</a></ul></div><div class="col footer__col"><div class=footer__title>LiveCodes</div><ul class="footer__items clean-list"><li class=footer__item><a href=/docs/../ target=_blank rel="noopener noreferrer" class=footer__link-item>App<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=/docs/../?new target=_blank rel="noopener noreferrer" class=footer__link-item>Starter Templates<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href="/docs/../?screen=import" target=_blank rel="noopener noreferrer" class=footer__link-item>Import...<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a class=footer__link-item href=/docs/features/ai>AI Code Assistant 🪄</a><li class=footer__item><a class=footer__link-item href=/docs/bookmarklet>Bookmarklet</a><li class=footer__item><span style="display: flex; gap: 0.5em; align-items: baseline;"><a href=/docs/llms.txt target=_blank class=footer__link-item>llms.txt</a>-<a href=/docs/llms-full.txt target=_blank class=footer__link-item>llms-full.txt</a></span></ul></div><div class="col footer__col"><div class=footer__title>Info</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/credits>Credits</a><li class=footer__item><a class=footer__link-item href=/docs/license>License</a><li class=footer__item><a class=footer__link-item href=/docs/sponsor>Sponsor 💚</a><li class=footer__item><a class=footer__link-item href=/docs/contact>Contact</a><li class=footer__item><a class=footer__link-item href=/docs/about>About us</a></ul></div><div class="col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://blog.livecodes.io target=_self rel="noopener noreferrer" class=footer__link-item>Blog<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://github.com/live-codes/livecodes target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://twitter.com/livecodes_io target=_blank rel="noopener noreferrer" class=footer__link-item>𝕏 / Twitter<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://dev.to/livecodes_io target=_blank rel="noopener noreferrer" class=footer__link-item>Dev<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://www.npmjs.com/package/livecodes target=_blank rel="noopener noreferrer" class=footer__link-item>npm<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://status.livecodes.io target=_blank rel="noopener noreferrer" class="footer__link-item status-link"><span>Status</span><svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24"><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div></div><div class="footer__bottom text--center"><div class=footer__copyright><br> Released under the MIT License <br>
|
||
Copyright © 2025
|
||
<a href=https://github.com/hatemhosny target=_blank rel="noopener noreferrer">Hatem Hosny</a></div></div></div></footer></div> |