一个只做导航栏的灵感库
导航栏是最容易被敷衍的组件：logo 放左边，菜单放右边，做完收工。Navbar Gallery 反过来，只收导航栏，只做好一件事——把别人做得好的导航栏摆在一起让你挑。
目前收录数百个真实站点的导航实现，分页浏览，每条都保留原站链接，点进去看到的是可用状态下的真实交互，不是设计稿。
分类方式
按结构类型划分，比较贴合实际选型思路：
- Static / Sticky：固定在顶部、不带下拉的常规导航
- Dropdown / Flyout：二级菜单收在父项下面
- Mega Menu：大面积展开的多列菜单，适合品类多的站点
- Side Bar：竖向侧边导航
- Search Bar：把搜索框作为导航主体
- Announcement Bar：顶部细条公告，常用于促销或版本通知
- Full Screen Menu：整屏菜单，常配图形元素
- Breadcrumbs：面包屑层级导航
怎么用
与其说它是工具，不如说是选型参考手册。接到新项目定导航结构时，先按类型筛一遍同类站点怎么处理移动端折叠、怎么放 CTA、滚动时如何变色，比自己拍脑袋试要快得多。设计稿阶段的沟通成本也能降下来——直接甩链接给对方比描述清楚得多。
站点由 Mobbin 赞助，另外提供投稿和邮件订阅入口。
