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

pnpm add -D svelte-hot-french-toast

Usage

<script lang="ts">
    import toast, { Toaster } from "svelte-hot-french-toast"

    const makeToast = () => {
        toast.success("Hello, World!")
    }
</script>

<Toaster />

<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.