Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/83. Rewards Notification on Topbar

Rewards Notification on Topbar

 DesktopAwarenessAppreciationWeb

Generated Description

This pattern uses a notification badge on the top bar to alert users to new rewards, which can be viewed in a dropdown menu for easy access and appreciation.

View more...

Pattern Metadata

Released: Apr 5, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 83. Rewards Notification on Topbar.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This pattern uses a notification badge on the top bar to alert users to new rewards, which can be viewed in a dropdown menu for easy access and appreciation.
VotesUp
VotesDown
Pattern ID
83
UX Flows
Awareness
Appreciation
UI Components
Notification Badge
Dropdown Menu
Navbar
Version
2.1.19
StackExchangeFirst usageSigned inWhy is this a good pattern?
 

StackExchange

First usage

notion image
notion image
 

Signed in

notion image
 

Why is this a good pattern?

â–² Contextual banners do not interrupt user focus on content.
â–² Users are able to dismiss banners without reloading or affecting current content.
â–² Once logged on first-time user get rewarded for using other networks.

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback