Skip to content
Sileo

Sileo

React toast with gooey SVG morphing and spring physics, one-line API

Tier B · UsefulComponent LibraryAnimation Librarysileo.aaryan.design

Preview image from sileo.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.

Install
npm install sileo

For 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.

Install command, framework, licence and component list.

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 total

Helps you build

3

Notable 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
sileo.aaryan.designTier B