SvelteLab

Sveltelab

supercharged REPL for Svelte


โœจ Features:

  • ๐ŸŒ— Light / Dark Mode
  • ๐Ÿšจ TypeScript Errors
  • ๐ŸŽจ Command Palette: Ctrl / CMD + Shift + P
  • ๐Ÿงน Code Formatting
  • ๐Ÿ“’ Templates (TypeScript, Tailwind, mdsvex)
  • ๐Ÿ“„ SvelteKit File Icons
  • ๐Ÿ›ค๏ธ SvelteKit Route Generation
  • โž• Svelte Add integration
  • ๐Ÿ“ฆ Install Packages
  • โŒจ๏ธ Vim Keybindings
  • ๐Ÿ‘ป Hide Config Clutter (show file tree from /src)
  • ๐Ÿ’Œ Share Code via Hash or Share Project via ID
  • ๐Ÿ™ Import from GitHub
  • ๐Ÿ“ฆ Download Projects
  • ๐Ÿ’ป CLI
  • ๐Ÿ”ง Editor Preferences

๐Ÿงก Made with Svelte, for Svelte, by Svelte lovers!

๐Ÿ”Œ Powered by SvelteKit, WebContainers, CodeMirror, Xterm.js and PocketBase


๐Ÿงช Try it out now on sveltelab.dev!

Read the Docs

Create an Issue

Join the Discord

Twitter: @PaoloRicciuti, @SarcevicAntonio


Development

default branch is now main if you have a local master branch you can update it like this:

git branch -m master main
git fetch origin
git branch -u origin/main main
git remote set-head origin -a
  1. download fitting pocketbase binary and place in root
  2. cp .env.sample .env
  3. pnpm i
  4. ./pocketbase serve
  5. go to http://127.0.0.1:8090/_/ and setup your PocketBase Admin
  6. pnpm dev

Top categories

Loading Svelte Themes