β¨ Features:
- π Light / Dark Mode
- π¨ Command Palette
- π§Ή Code Formatting
- π Templates (TypeScript, Tailwind, mdsvex)
- π SvelteKit File Icons
- π€οΈ SvelteKit Route Generation
- β Svelte Add
- π¦ Install Packages
- β¨οΈ Vim Keybindings
- π» Hide Config Clutter (show file tree from
/src
)
𧑠Made with Svelte, for Svelte, by Svelte lovers!
π Powered by SvelteKit, WebContainers, CodeMirror, Xterm.js and PocketBase
Twitter: @PaoloRicciuti, @SarcevicAntonio
Simply put, no. SvelteLab not meant as a IDE for building real world applications, but for sharing Svelte expeirments. Do not use it to store private API keys or other secrets, as all contents will be saved or shared as plaintext.
Use the command palette to enable Vim Keybindings! Press Ctrl / CMD + Shift + P and search for "Vim".
Our aim isn't to create a fully fledged online web dev development environment as StackBlitz and other tools do that already.
We wanted to create something that has the ease of use of the Svelte REPL, but allows for more types of experiments that require SvelteKit because of routing or other features. We also wanted to provides features that we craved for the REPL like dark mode and code formatting.
Therefore we aim on providing a focused user interface for quickly building and sharing SvelteKit explorations, building on the same WebContainer API that also powers StackBlitz while providing useful features in a command palette.
Note If you are using an AdBlocker like uBlock Origin, you might have to disable it while developing due to the Vercel Analytics script.
pnpm i
pnpm dev