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

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/295. “NEW” Badge on Menu Items

“NEW” Badge on Menu Items

 DesktopAwarenessDecision MakingPathfinding

Generated Description

A "NEW" badge next to a menu item instantly highlights recently added content or features, guiding users to discover and engage with fresh updates.

View more...

Pattern Metadata

Released: Jan 16, 2022

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 295. “NEW” Badge on Menu Items.

Device (Tabs)
Desktop
Mobile
System (OS)
Web
Language (i18n)
English
Description
A "NEW" badge next to a menu item instantly highlights recently added content or features, guiding users to discover and engage with fresh updates.
VotesUp
VotesDown
Pattern ID
295
UX Flows
Awareness
Decision Making
Pathfinding
UI Components
Navbar
Notification Badge
Hypertext Links
Version
2.1.19
NotionTwitterWhy is this a good pattern?Related patterns
 
notion image
 

Notion

notion image
notion image
 

Twitter

notion image
notion image
notion image
 

Why is this a good pattern?

  • New item appear last on menu without disrupting everyday use.
  • Shows a clear explanation of the new feature before redirecting user.
  • External site reinforce the connection with initial site using icons, colors and messages.
 
 

Related patterns

  • 56. Floating Tooltip with Steps and Blackout
  • 100. Floating Tooltip/Dialog
  • 122. Automatic Popover with Steps
  • 105. Floating Tooltip Blackout

Still searching?

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

Send feedback