Sileo
React toast with gooey SVG morphing and spring physics, one-line API
A single-purpose React toast library by hiaaryan built around gooey SVG morphing and spring animation, where the notification shape physically deforms between states instead of cross-fading. The public surface is deliberately tiny: a Toaster component with a position prop and a sileo() function, covering success, error, warning, info, action and promise toasts across six placements. Docs ship a live playground, and it is published as sileo on npm at v0.1.5 under MIT. For teams who want notification motion to be a visible part of the product's character rather than a solved utility.
npm install sileoChoose this over Sonner only when the motion is the product decision - Sonner is the safer default for anything with a compliance or accessibility bar, because Sileo publishes no live-region, focus or reduced-motion behaviour and is still v0.1.5 with a mutable API. Correct one myth before you plan around it: it is not zero-dependency, it requires motion ^12 plus React 18+, so audit the bundle if you already ship a different animation runtime. Mount a single Toaster at the app root and drive everything through sileo(), including the promise variant, rather than rendering toasts inline.
Why it is here. Proof that a toast can be a signature interaction, and one of the few libraries where the SVG morph is the abstraction rather than a decoration bolted on.
- gooey SVG morphing between states
- spring physics, no config
- six toast types, six positions
- 1.6k stars at v0.1.5
- depends on motion, not dependency-free
Verified 2026-08-15. HTTP 200. https://sileo.aaryan.design/, https://sileo.aaryan.design/docs (API, toast types, positions), https://github.com/hiaaryan/sileo (1.6k stars, MIT, install), https://registry.npmjs.org/sileo (v0.1.5 published 2026-02-22, dependency motion ^12.34.0, peers react and react-dom >=18 - this contradicts depo's 'zero dependencies' claim)
