Frosted iOS notification with app name, sender, message, and avatar — dismisses with animation and can be triggered again via button.
Free · copy & paste ready
Components / Docs
Notifications
10 components you can copy and paste into your React or Next.js project. Each includes setup steps, source code, and a live preview.
Components
10 ready to copy — open any card for full setup and source.
Calendar reminder on the iOS grid — red app tile, event name, and time until it starts.
Free · copy & paste ready
Messenger-style bubble — small avatar, sender name, rounded message bubble with a flat tail corner.
Free · copy & paste ready
Shipping update — package icon, delivery status, ETA, and order number in a compact row.
Free · copy & paste ready
Deploy alert on the iOS grid — Vercel triangle tile, short status line with project, branch, and duration.
Free · copy & paste ready
Mail alert on the iOS grid — sender avatar, app name header, natural from: subject — preview body line.
Free · copy & paste ready
Incoming call card — large avatar, caller name, FaceTime label, Accept and Decline buttons.
Free · copy & paste ready
Payment received on the iOS grid — emerald tile, amount, and sender name.
Free · copy & paste ready
Settings-style iOS alert — amber app tile, title: description in one natural line. For storage, limits, and warnings.
Free · copy & paste ready
Light snackbar with check icon — message, undo action, slides up on dismiss. For save confirmations and quick feedback.
Free · copy & paste ready