Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksNavigation & shellApp top bar

App top bar

Adapted

The frame of the app. Section title plus search, notifications and an avatar user menu.

HeaderSearchUser menu
React · CSS
Origin & adaptation notes

Adapts the TukiMate TopBar layout: title left, search pill, notification bell with badge and an avatar menu (profile, nested language submenu, sign out) right. Product routing, sessions and APIs are replaced with local state; the bar follows the gallery theme like every other block.

Curated adaptation. Synthetic data only. No production APIs.

PreviousContextual breadcrumbNextDashboard sidebar
Built with intention. Shared with the team.GauchoCode UI Gallery ✳