sileo-sveltekit Svelte Themes

Sileo Sveltekit

Sileo SvelteKit

Modern SvelteKit rewrite of the original Sileo React toast library.

What was ported

  • Toast state API (success, error, warning, info, action, show)
  • Promise workflow (sileo.promise(...))
  • Auto-dismiss + hover pause
  • Autopilot expand/collapse behavior
  • Position-aware multi-viewport toaster (top/bottom + left/center/right)
  • State-aware semantic color system (OKLCH)

Stack

  • SvelteKit 2 + Svelte 5 runes + TypeScript
  • Tailwind v4 available (plus hand-written design system CSS)

Local dev

npm install
npm run dev

Build checks

npm run check
npm run build

Usage

import { sileo, Toaster } from '$lib';
<Toaster position="top-right" />
<button onclick={() => sileo.success({ title: 'Saved' })}>Test</button>

Top categories

Loading Svelte Themes