New is a pattern that highlights recently introduced features, content, or updates within an app. It draws attention to what has changed, ensuring users do not miss important additions. The strength of new indicators lies in their ability to guide discovery and encourage exploration without overwhelming the interface.
The animation for new states should feel subtle yet noticeable. Badges can fade or pop in, labels can slide into view, and highlights can glow briefly to catch the eye. Motion ensures that the cue feels dynamic and intentional rather than static and easy to ignore.
New indicators are widely used in navigation menus, content feeds, settings, and feature rollouts. They work best when they balance visibility with restraint, pointing users in the right direction without becoming distracting. Animation helps communicate freshness in a natural way.
To refine new interactions, designers can add micro-animations like pulsing badges, soft color transitions that fade after being seen, or contextual cues that disappear once the feature is explored. These touches help the pattern feel more adaptive and responsive.
Variations of new indicators include badges, labels, highlights, banners, and contextual prompts. With thoughtful animation, new states become gentle guides that support discovery while maintaining a smooth and engaging flow.
<- Checkout all
New
shots here