Svelte Hot French Toast

Buttery smooth toast notifications for Svelte 5. Lightweight, customizable, and beautiful by default.

• Demo
• CHANGELOG
• NPM
• GitHub

[!IMPORTANT] This is only compatible with Svelte 5. If you're using Svelte 4, please use a compatible version of Svelte French Toast.

Installation

1pnpm add -D svelte-hot-french-toast

Usage

1<script lang="ts">
2    import toast, { Toaster } from "svelte-hot-french-toast"
3
4    const makeToast = () => {
5        toast.success("Hello, World!")
6    }
7</script>
8
9<Toaster />
10
11<button onclick={makeToast}>Toast</button>

More examples.

About

I created this because the original project Svelte French Toast wasn't compatible with Svelte 5 and my changes were possibly not going to be merged.

Thanks

• Thanks to React Hot Toast and its contributors.
• Thanks to Svelte French Toast and its contributors.