Svelte Playground

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

Share

Share to web

Allow editing

Help & support guide

Discord

PlayCode v2024.10.4

Clear on Run

Scroll to End

Restart

Ctrl + R

Hard Restart

Ctrl + ⇧ + R

Live View

Live View Delay

Loop Protection

Run on Opening

Deployment

https://svelte.playcode.io

Share to web

Share website with anyone

.playcode.io

Need help to setup custom domain? Click here.

Zoom

White Background

100