Skip to content

SvelteLab/SvelteLab

Repository files navigation

A mockup of a phone with a Screenshot of SvelteLab opened. SvelteLab: A REPL for SvelteKit projects: quickly spin up a SvelteKit Projects and share it with the world!


✨ 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