<h2>Overview:</h2>
SvelteLab is a REPL (Read-Eval-Print Loop) tool designed for SvelteKit projects. It allows users to quickly create and share SvelteKit projects with ease. The tool offers a range of features such as light/dark mode, TypeScript error handling, code formatting, templates for various project types, SvelteKit file icons, route generation, package installation, Vim keybindings, and more. SvelteLab is built with and for Svelte, with contributions from Svelte enthusiasts. It is powered by SvelteKit, WebContainers, CodeMirror, Xterm.js, and PocketBase.
<h2>Features:</h2>
<ul>
<li>Light / Dark Mode: SvelteLab offers both light mode and dark mode interfaces.</li>
<li>TypeScript Errors: The tool provides error handling and reporting for TypeScript.</li>
<li>Command Palette: Users can access a command palette using the shortcut Ctrl / CMD + Shift + P.</li>
<li>Code Formatting: SvelteLab includes code formatting functionality.</li>
<li>Templates: Users can choose from pre-defined templates for TypeScript, Tailwind, and mdsvex.</li>
<li>SvelteKit File Icons: The tool supports file icons specific to SvelteKit projects.</li>
<li>SvelteKit Route Generation: SvelteLab provides a feature for generating routes in SvelteKit projects.</li>
<li>Svelte Add: Users can easily add Svelte components to their projects.</li>
<li>Install Packages: SvelteLab allows users to install packages for their projects.</li>
<li>Vim Keybindings: The tool supports Vim keybindings for enhanced editing experience.</li>
<li>Hide Config Clutter: SvelteLab offers an option to hide config clutter and show only the file tree from the /src directory.</li>
<li>Made with Svelte: SvelteLab is built using the Svelte framework by Svelte enthusiasts.</li>
<li>Powered by SvelteKit, WebContainers, CodeMirror, Xterm.js, and PocketBase: SvelteLab leverages various technologies to provide its functionality.</li>
</ul>

Sveltelab

SvelteLab