Sileo
React toast with gooey SVG morphing and spring physics, one-line API
Tier B · UsefulComponent LibraryAnimation Librarysileo.aaryan.design

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 sileoFor an agent
Choose 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.
Facts
- License
- MIT
- Pricing
- Free, Open source
- Framework
- React
- Styling
- Unknown
- Distribution
- npm package, GitHub repository
- Platform
- Web
- Content type
- Code
- Agent readiness
- Readable open source, Structured documentation, CLI installable
- Accessibility
- Unknown
- Maturity
- Beta
- GitHub stars
- 1,600
- Package
- sileo
Components it ships
2 totalHelps you build
3Notable for
- 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
Provenance
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)
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts