# Astro + Svelte Example

```
npm create astro@latest -- --template framework-svelte
```

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-svelte)
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/framework-svelte)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/framework-svelte/devcontainer.json)

This example showcases Astro working with [Svelte](https://svelte.dev/).
nge='this.form.submit();'>
<option value='development' selected='selected'>development</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>Unnamed repository; edit this file 'description' to name the repository.</td><td class='sub right'></td></tr></table>
<table class='tabs'><tr><td>
<a href='/ansg191/WarpX/about/'>about</a><a href='/ansg191/WarpX/'>summary</a><a href='/ansg191/WarpX/refs/?id=a844e2b10db4b58afada34a3d556c20a78bacb0b'>refs</a><a class='active' href='/ansg191/WarpX/log/Source/Python/WarpX_py.cpp?follow=1'>log</a><a href='/ansg191/WarpX/tree/Source/Python/WarpX_py.cpp?id=a844e2b10db4b58afada34a3d556c20a78bacb0b'>tree</a><a href='/ansg191/WarpX/commit/Source/Python/WarpX_py.cpp?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;follow=1'>commit</a><a href='/ansg191/WarpX/diff/Source/Python/WarpX_py.cpp?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;follow=1'>diff</a></td><td class='form'><form class='right' method='get' action='/ansg191/WarpX/log/Source/Python/WarpX_py.cpp'>
<input type='hidden' name='id' value='a844e2b10db4b58afada34a3d556c20a78bacb0b'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/ansg191/WarpX/log/?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;follow=1'>root</a>/<a href='/ansg191/WarpX/log/Source?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;follow=1'>Source</a>/<a href='/ansg191/WarpX/log/Source/Python?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;follow=1'>Python</a>/<a href='/ansg191/WarpX/log/Source/Python/WarpX_py.cpp?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;follow=1'>WarpX_py.cpp</a> (<a href='/ansg191/WarpX/log/Source/Python/WarpX_py.cpp?id=a844e2b10db4b58afada34a3d556c20a78bacb0b'>unfollow</a>)</div><div class='content'><table class='list nowrap'><tr class='nohover'><th class='left'>Age</th><th class='left'>Commit message (<a href='/ansg191/WarpX/log/Source/Python/WarpX_py.cpp?id=a844e2b10db4b58afada34a3d556c20a78bacb0b&amp;showmsg=1&amp;follow=1'>Expand</a>)</th><th class='left'>Author</th><th class='left'>Files</th><th class='left'>Lines</th></tr>
<tr><td><span title='2020-02-07 14:57:53 -0700'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Docs/source/visualization/reduced_diags.rst?id=d5235f70130f6f32dce039bac71af356de2f75ee&amp;follow=1'>Update Docs/source/visualization/reduced_diags.rst</a></td><td><img src='//www.gravatar.com/avatar/e6956c32a25458c7bc19bec3b5a2702a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Yinjian Zhao
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2020-02-07 13:37:34 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Docs/source/visualization/reduced_diags.rst?id=2c49770331d157dbc6953f6c5be13182af73cfc7&amp;follow=1'>Documentation</a></td><td><img src='//www.gravatar.com/avatar/e6956c32a25458c7bc19bec3b5a2702a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Yinjian Zhao
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2020-02-07 13:34:59 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Docs/source/visualization/reduced_diags.rst?id=2b183ced0e7b8d3079a116e90119956889b2c00f&amp;follow=1'>Documentation</a></td><td><img src='//www.gravatar.com/avatar/e6956c32a25458c7bc19bec3b5a2702a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Yinjian Zhao
</td><td>2</td><td><span class='deletions'>-13</span>/<span class='insertions'>+11</span></td></tr>
<tr><td><span title='2020-02-07 11:42:01 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Source/Particles/ParticleCreation/FilterCopyTransform.H?id=2e1a7c98a80b750764b56de65be2b54ddd996e2c&amp;follow=1'>add some const</a></td><td><img src='//www.gravatar.com/avatar/e6418cddfaf93e23caa06ba3ab1d7024?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Andrew Myers
</td><td>1</td><td><span class='deletions'>-5</span>/<span class='insertions'>+5</span></td></tr>
<tr><td><span title='2020-02-07 11:32:33 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Examples/Tests/reduced_diags/analysis_reduced_diags.py?id=105d6e2ea75ea2470df99d76d7bc3c5dfce48c73&amp;follow=1'>Minor</a></td><td><img src='//www.gravatar.com/avatar/e6956c32a25458c7bc19bec3b5a2702a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Yinjian Zhao
</td><td>1</td><td><span class='deletions'>-2</span>/<span class='insertions'>+2</span></td></tr>
<tr><td><span title='2020-02-07 10:03:50 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Regression/WarpX-tests.ini?id=85d4ace875f7c5e8639b7f2fd125584df86d1e0e&amp;follow=1'>Add aux1File = Tools/read_raw_data.py.</a></td><td><img src='//www.gravatar.com/avatar/e6956c32a25458c7bc19bec3b5a2702a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Yinjian Zhao
</td><td>1</td><td><span class='deletions'>-0</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2020-02-07 09:55:29 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Examples/Tests/reduced_diags/analysis_reduced_diags.py?id=c99bcf43bfedf2db247c516bfb39bcbaa8154cc7&amp;follow=1'>Use .</a></td><td><img src='//www.gravatar.com/avatar/e6956c32a25458c7bc19bec3b5a2702a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Yinjian Zhao
</td><td>1</td><td><span class='deletions'>-4</span>/<span class='insertions'>+5</span></td></tr>
<tr><td><span title='2020-02-07 09:34:58 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Tools/read_raw_data.py?id=3bdeebac2e7b94fcf931b4d23c32bb0356fd3051&amp;follow=1'>Update Tools/read_raw_data.py</a></td><td><img src='//www.gravatar.com/avatar/ee0b6062a643a0f26f42aee4bf0fa01d?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> MaxThevenet
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2020-02-07 09:34:49 -0800'>2020-02-07</span></td><td><a href='/ansg191/WarpX/commit/Tools/read_raw_data.py?id=1f4eb4235bd929b084b7b41d2181ebfa77d29044&amp;follow=1'>Update Tools/read_raw_data.py</a></td><td><img src='//www.gravatar.com/avatar/ee0b6062a643a0f26f42aee4bf0fa01d?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> MaxThevenet
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>