react-native-toastify-lite

Morphing, physics-based toast notifications for React Native. A pill that springs open into a card. iOS and Android. No Expo needed.

Why this one

• It morphs. A short message stays a small pill. Add a description or a button and the pill grows a card underneath it, with smooth joined corners, on a physics spring. A new toast morphs out of the old one instead of popping in.
• Light. Two dependencies you probably already have: react-native-reanimated and react-native-svg. No Expo, no gesture library, no blur library.
• Complete. Five tones, primary and secondary actions, promise toasts, live updates, custom header and body, six positions, stack and morph modes, swipe to dismiss, duplicate grouping, progress bar, timestamps, four motion presets, light/dark + automatic theming, reduced-motion support, screen-reader announcements, TypeScript types.
• Smooth. Every frame of the shape is computed on the UI thread with Reanimated worklets.

Documentation

| Guide | Description | | --- | --- | | 📦 Installation | Install, Babel plugin, Expo, safe area, troubleshooting. | | 🚀 Usage | Setup, the toast API, and every recipe. | | 🎨 Styling | Theming, colors, shape, per-part style overrides. | | ✨ Animations | Presets, springs, timing, reduced motion. | | 📚 API reference | Every option, prop, and export, in tables. |

Quick start

npm install react-native-toastify-lite react-native-reanimated react-native-svg

import { SafeAreaProvider } from 'react-native-safe-area-context';
import { ToastProvider, toast } from 'react-native-toastify-lite';

export default function App() {
  return (
    <SafeAreaProvider>
      <ToastProvider position="top-center" mode="morph">
        <RootNavigator />
      </ToastProvider>
    </SafeAreaProvider>
  );
}

// anywhere, even outside React
toast.success('Saved', { description: 'Your changes are ready.' });

Full setup (Babel plugin, Expo, iOS pods) is in Installation.

Demo

Press play to watch. If no player shows here, GitHub has stripped the inline <video> tag — open the file instead: Android · iOS.

| Promise toasts | Stack mode | Swipe to dismiss | | :---: | :---: | :---: | | | | |

More GIFs (variants, custom content, presets, shapes, positions) live in the example app.

Inspire

Layout inspired by Sileo.

License

MIT