Svelte

Svelte
Pembuat asal	Rich Harris
Pembangun	Rich Harris (en) , Alan Faubert (en) , Simon Holthausen (en) , Dominic Gannaway (en) , Tan Li Hau (en) , Ben McCann (en) , Paolo Ricciuti (en)
Pelancaran pertama	26 November 2016 (2016-11-26)
Versi terkini/stabil	5.38.3  (23 Ogos 2025 (23 Ogos 2025))
Ditulis dalam	TypeScript
Sistem pengendalian	rentas pelantar
Pelantar	Pelantar web
Saiz	4.1 KB
Jenis	JavaScript framework (en) , perisian sumber terbuka, bahasa pengaturcaraan, penyusun, perisian bebas, web framework (en) , JavaScript library (en)
Genre	Rangka kerja web
Lesen	Lesen MIT
Pautan berkaitan
Tapak web	svelte.dev
Repositori	Repositori svelte
Pautan lain
sunting · sunting di Wikidata Lihat pendokumenan templat ini

Svelte ialah sebuah pengkompil bahagian depan bebas dan bersumber terbuka ciptaan Rich Harris dan kini diselenggara oleh pasukan teras Svelte.

Contoh

<script>
  import { scale } from 'svelte/transition';

  export let nama = "Sipolan";

  let baik = null;
</script>

<p>Apa khabar, <span>{nama}</span>?</p>

{#if baik !== null}
  {#key baik}
    <p>
      <span class="emoji" in:scale={{ start: 2, opacity: 0.5 }}>
      {#if baik}
        &#128077;
      {:else}
        &#128078;
      {/if}
      </span>
    </p>
  {/key}
{/if}

<button on:click={e => baik = true}>Baik</button>
<button on:click={e => baik = false}>Buruk</button>

<style>
  span {
    font-weight: bold;
  }
	
  .emoji {
    display: inline-block;
  }
</style>

Pautan luar

• Svelte
• GitHub - sveltejs/svelte
• Tutorial svelte di MDN
• Dokumentasi rujukan svelte