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