Motion preview
Relay
A calm support inbox where every SLA ticks live and one click can resolve a ticket
Business Simulation
Real-time Notifications
An ops console for a Beirut food-delivery business with a live event stream (new orders, payments, escalated tickets, refunds, reviews), a stacked toast system and a full notification centre behind the bell: grouped by day, read/unread, filters, archive, per-category mute and do-not-disturb.
Use the Live / Loading / Empty / Error switch at the top of the demo to see every state.
Why it matters
Teams react to what matters in seconds — an escalated ticket or a failed delivery — without drowning in pings, because busy bursts are grouped and every channel can be muted or snoozed.
How it works
- 01A simulator streams events at Calm, Busy or Rush rates (or fire one manually); each lands in the stream, bumps the bell badge and pops a toast.
- 02Toasts stack (hover to expand, swipe to dismiss, timers pause on hover); bursts collapse into one grouped toast; high-priority tickets stay until handled.
- 03The bell opens a notification centre grouped by Today / Yesterday / Earlier with unread dots, filters with counts, mark read/unread, archive with undo, mark-all-read, per-category mute and do-not-disturb.
Simulation
This demo simulates external services with sample data in your browser. In a real project it connects to your own systems and providers.