Welcome to Svelte Examples

This website demonstrates some of the core features of Svelte, a radical new approach to building user interfaces.

Basic Counter Example

0

Double value: 0

Conditional Rendering

List Rendering with #each

Fruit List

1. Apple
2. Banana
3. Orange
4. Mango

Lifecycle Example

Component is not mounted

Note: The onMount lifecycle hook was used to set this state when the component was initialized.