# wobsoriano/svelte-sonner

An opinionated toast component for Svelte. A port of @emilkowalski's sonner.

Repository: https://github.com/wobsoriano/svelte-sonner
Canonical: https://ross.abutalabs.com/products/svelte-sonner
Homepage: https://svelte-sonner.vercel.app
Language: Svelte
License: MIT
License Family: permissive
Topics: svelte, toast, notifications
Last push: 2026-08-14T22:46:09+00:00

## Health v2 (maintenance only)
Score: 94/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 97, release rhythm 98, longevity 82
- inputs: {"age_days": 1158, "days_push": 19, "days_rel": 19, "gap_med": 10, "n_releases_24m": 14}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1290, forks 43 (observed 2026-08-28T04:04:15.334942+00:00)

## What it is
An opinionated toast notification component library for Svelte, ported from Emil Kowalski's Sonner. It exposes a single <Toaster /> component plus a toast() API supporting success, info, warning, error, action, promise, and custom/headless toast types.

## Use cases
- show toast notifications in a svelte app
- svelte toast component like sonner
- display success and error popups in sveltekit
- promise-based loading toasts in svelte
- add swipe-dismissable notifications to a web app
- render custom toast content with a headless api

## When to choose
- You are building a Svelte or SvelteKit app and want polished, pre-styled toasts with minimal setup
- You like Sonner's design and API but need it in Svelte
- You need rich toast features out of the box: icons, actions, promise states, custom components, positioning

## When to avoid
- Your project uses React, Vue, or vanilla JS - use the original sonner or another toast library instead
- You need a fully custom notification system with your own styling pipeline rather than an opinionated design

## Facets
- artifact type: library
- maturity: active
- function: ui-components
- domain: frontend, web-development, web-design
- platform: browser
- tags: svelte, toast, toast-notifications, sonner, notifications, component-library, sveltekit, promise-toasts, headless-components

## Member repositories
- wobsoriano/svelte-sonner (main) score 94

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:15.334942+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:55:41.310073+00:00, confidence not recorded.
  - readme: https://github.com/wobsoriano/svelte-sonner (fetched 2026-08-28T04:04:15.334942+00:00, sha a10e9f4f457e)
  - homepage: https://svelte-sonner.vercel.app (fetched 2026-08-29T12:11:50.372612+00:00, sha f1f60907800a)
  - registry_npm: https://registry.npmjs.org/svelte-sonner (fetched 2026-08-29T12:11:50.375061+00:00, sha 7b053d20ee08)
- Data as of 2026-08-30T08:39:29.467469+00:00.