Menu
Svelte Playground
Share
Publish
Sign In
Sign Up
FILES
App.svelte
Button.svelte
index.html
package.json
script.js
style.css
Items: 0
PACKAGES
svelte
3.49.0
Items: 0
App.svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<
script
>
import
Button
from
"./Button.svelte"
;
</
script
>
<
style
>
main
{
font-family:
sans-serif
;
text-align:
center
;
}
</
style
>
<
main
>
<
h1
>Hello Svelte</
h1
>
<
h2
>Start editing to see some magic happen!</
h2
>
<
Button
/>
</
main
>
Console
Web View
1
Quick Actions...
⌘+k
Go to Home
Go to Dashboard
Go to Courses
File
Project versions
View
Share
Project settings
Preferences
Help
New Project
Clone Project
Archive Project
Export Project
Rename Project
Save Project
Publish Website
New Version
v1 (production)
Appearance
Sidebar
⌘+b
Console
⌘+j
Web View
⌘+⇧+v
AI Chat
System Theme
Light Theme
Blue Theme
Gray Theme
Dark Theme
Share to Web
Allow Editing
Favorite
Default Project
Live Reload
SPA Mode
Live View Delay
Loop Protection
Preview Run on Opening
Preview Zoom
Preview Background (White)
Font Size
Tab Size
Tabs for Indent
Line Wrap
Hard Wrap Column
Formatter Semicolons
Single Quotes
Line Numbers
Minimap
Syntax Validation
Autocompletion
Hover Information
Emmet
Keymap
Clear Cache
Default
Vim
Online Chat
Help & Support Guide
Report Abuse
Report a Bug
Roadmap
Changelog
Keyboard Shortcuts
Privacy
Social
PlayCode v2026.1.20
Discord
X / Twitter
Project Not Saved
Save your project first to share it with others.
Save Project
Deployment
Publish
http://svelte.playcode.io
.playcode.io
Add custom domain
Need help to setup custom domain?
Click here
.
Open
Production
Delete
Clear Logs
Clear on Run
Scroll to End
Zoom
White Background