Notch Toast — 基于 Motion 打造的 React 动效通知库,支持灵动岛顶栏贴合与浮动卡片形态的原位形变。

基于 Motion 打造的 React 动效通知库,支持灵动岛顶栏贴合与浮动卡片形态的原位形变。

包含组件

12
NotchToasterDefault ToastSuccess ToastError ToastWarning ToastInfo ToastLoading ToastPromise ToastAction Button ToastAttached Notch ModeFloating Surface ModeMorphing Transition

Notch Toast 是一款专为克制且精致的交互反馈打造的 React 通知组件库。底层基于 Motion 构建,它改变了传统多条通知堆叠拥挤的模式,始终保持单条通知在视口原位进行丝滑的平滑形变(Morphing);不仅原生支持类似手机「灵动岛」的屏幕边缘贴合切角模式与悬浮气泡形态,还完整覆盖了 Promise 异步生命周期、无障碍无干扰读屏播报与 shadcn CLI 快速安装机制。