Orvain UI

Notifications Feed

A notifications feed is the panel behind the bell: what happened while the reader was elsewhere, newest first, with the unread ones marked.

Get Pro to installPro6 blocksReact, Vue and Figma
MCPConnect the MCP server

Notifications

3 new

Everything that happened while you were away.

Today

Alex Rivera, Sam Doyle and 4 others reacted to Q3 product roadmap

Unread.

Noah Reed mentioned you in #design

@Ana can you review the launch checklist before tomorrow’s standup?
Unread.

Ava West started following you

Product designer · 12 mutual

Unread.
Yesterday

Your weekly digest is ready

23 updates across 3 projects

Leo Bryn shared a file with you

Every block in the set#

Tabbed inbox

Notification panels: a day of activity behind three tabs, with what is new counted

Tabbed inbox, live

A panel that stays open while things keep happening

Tabbed inbox, open in place

Answering a notification without leaving the list

Sorted inbox

Inboxes that track what you have seen: new first, earlier below

Sorted inbox, needs you

Inboxes where a few things wait on you and the rest can fold away

Sorted inbox, later

Snoozing that feels safe: you can see where things went

When to use#

  • A bell in the top bar that has to hold a day of activity
  • Mentions and replies the reader is expected to answer
  • Invitations and requests that can be accepted or declined on the spot
  • A digest row folding many small events into one line

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans