Svelte-Sileo.

An opinionated toast component for Svelte. Gooey SVG morphing, spring physics, and a minimal API — beautiful by default.

GitHub

Quick Setup

Code

<script lang="ts">
  import { Toaster, sileo } from 'svelte-sileo';
</script>

<Toaster position="top-right" />

<button onclick={() => sileo.success({ title: 'Changes saved' })}>
  Show Toast
</button>

Playground

Position

Available positions: top-left, top-center, top-right, bottom-left, bottom-center, bottom-right.