rayanstudio · open source · react native

sileo-native

An opinionated, physics-based toast for React Native and Expo. The gooey morph of sileo, drawn with Skia, and Liquid Glass on iOS 26.

Success

Error

Warning

Info

Action

Promise

Buttons

These toasts are sileo-native itself, running in your browser.

~/skia

The gooey morph

The pill melts into its card through the same blur and threshold as the web filter, drawn with Skia on the UI thread.

~/liquid-glass

Liquid Glass

On iOS 26 the pill and card can be glass, merged by the system. Opt in with one import.

~/buttons

Buttons and themes

Up to four variant buttons, light and dark themes or your own, and types that catch mistakes.

~/install

npx expo install sileo-native @shopify/react-native-skia react-native-reanimated react-native-worklets react-native-gesture-handler react-native-svg react-native-safe-area-context

Copy

import { sileo, Toaster } from 'sileo-native'; export default function App() { return ( <> <YourApp /> <Toaster position="top-center" theme="system" /> </> ); } sileo.success({ title: 'Changes Saved', description: 'Your profile is up to date.' });

Copy

Read the docs

Open playground

sileo-native

The toast from sileo, ported to React Native. Built in the open by rayanstudio.

Docs Playground GitHub sileo rayanstudio.dev

A native port of sileo by hiaaryan