sileo-native

What it is

sileo is a toast library for the web by hiaaryan. Its toast starts as a pill with a title and grows into a card when it has a description or buttons. sileo-native brings that toast to iOS and Android with the same API, so this call works on all three platforms:

sileo.success({ title: 'Changes Saved', description: 'Your profile is up to date.' })

How it works

On the web, sileo joins the pill and the card into one shape with an SVG filter. sileo-native draws the same filter in Skia. It blurs the shapes, then applies an alpha threshold that cuts the blur back to a hard edge with a rounded join between pill and card. Reanimated runs every spring on the UI thread.

A phone has no hover, so a tap opens the toast and pauses its timer, and a swipe dismisses it. On iOS 26 the toast can render in Liquid Glass. On the web, the package re-exports the original sileo.

Where it is now

v0.1.0 is on npm. It has six positions, up to four buttons per toast, promise toasts, light and dark themes, and a container option that shows toasts above native modals on iOS. The playground on the docs site runs the native renderer in the browser through CanvasKit, the WebAssembly build of Skia.