Open Source · MIT Licensed

the toast lib Astro deserved.

Beautiful, zero-dependency toast notifications for Astro.
No framework. No noise. Just bread. 🍞

Get Started Try it now
What is toastro?

A minimal toast library, built for Astro.

Most toast libraries assume you're in React, Vue, or Svelte land. Toastro was built from scratch for Astro — no framework adapter needed, no extra runtime overhead, no opinions about your stack.

Drop <Toaster /> into your layout once, call window.showToast() from anywhere. That's it.

⚡
Zero dependencies Pure web platform APIs. No runtime bloat.
🎨
4 variants × 5 types solid, soft, outline, glass — all composable.
🌍
Global API Works from any script, island, or framework.
🎭
CSS-variable theming Inherits your design system automatically.
Try it out

Build your toast.

Configure from scratch or pick a ready-made example. Click to fire.

Examples Click to preview
Toast Variants
Toast Types
Custom
JavaScript
Why toastro

Everything you need.
Nothing you don't.

Built for Astro from the ground up — minimal by design, flexible by nature.

Zero dependencies
0 deps

Pure web platform APIs. No install bloat, no supply-chain risk.

~2 kb gzipped
8 variants Every visual style, covered
Saved!
solid
Saved!
soft
Saved!
subtle
Saved!
outline
Saved!
ghost
Saved!
surface
Saved!
glass
Saved!
gradient
Global API Call from anywhere
window.showToast({
message: "Saved! 🍞",
type: "success",
variant: "glass",
});

No imports needed — available globally once <ToastContainer /> is mounted.

7 positions Place it anywhere
🍞

Animation adapts to each corner automatically.

Bundle size Lighter than the competition
toastro
2kb
sonner
8kb
react-hot-toast
15kb

gzipped · no framework overhead

5 types Built-in semantic intent
success
error
warning
info
default
CSS Variables Inherits your design system

Toastro reads your existing CSS variables automatically. Drop it in and it already looks right — no extra config needed.

your tokens →
global.css
:root {
--toastro-bg: var(--bg-color); /* background */
--toastro-text: var(--text-color); /* text */
--toastro-radius: 12px; /* corners */
}
MIT License Free forever

Use, modify, and distribute — personal or commercial projects. No strings attached.

Open Source
License

MIT License

Free to use, modify, and distribute.

MIT License — Copyright (c) 2026 toastro contributors

Permission is hereby granted, free of charge, to use, copy, modify, merge, publish, and distribute the Software without restriction, provided that the above copyright notice and this permission notice are included in all copies.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
🍞

Ready to toast?

One install. One component. Beautiful notifications everywhere.

Get started API Reference →