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

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/199. Sidebar Emptystate

Sidebar Emptystate

 DesktopOnboardingAwarenessWeb

Generated Description

This sidebar empty state introduces new features with a clear illustration and call to action, guiding users to discover and adopt new functionalities.

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 199. Sidebar Emptystate.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This sidebar empty state introduces new features with a clear illustration and call to action, guiding users to discover and adopt new functionalities.
VotesUp
VotesDown
Pattern ID
199
UX Flows
Onboarding
Awareness
UI Components
Side Panel
Hypertext Links
Empty State
Image / Illustration
Version
2.1.19

Google Drive + Google Calendar

notion image
notion image
 

Related Patterns

  • 227. Secondary Sidebar Toggle (Mouse)
  • 254. Toggle/Hide Sidebar Menu (Mouse)
  • 259. Multi-depth Sidebar Navigation
  • 293. Collapsable Sidebar Menu
  • 404. Sidebar Backdrop Menu

Still searching?

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

Send feedback