导航栏区块
网站的导航栏与菜单。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
Pro 源码
8 个区块
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
导航栏
8 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
账户导航栏（带抽屉）
一整排通高单元格承载品牌字标、计数器、头像与登出按钮，md 断点以下改为抽屉。基于 React 和 Tailwind，把主导权交给侧边栏。
- 02Pro
居中字标大菜单导航栏
居中的两行字标夹在两个行动按钮之间，菜单展开为满宽链接面板。基于 React 和 Tailwind，让品牌本身成为主角。
- 03Pro
联系方式条导航栏
品牌色顶条承载电话、邮箱与四个社交图标，下方是链接导航条。基于 React 和 Tailwind，让电话号码可直接点按拨打。
- 04Pro
带下拉菜单的仪表盘导航栏
悬浮卡片导航栏搭载两个可键盘操作的下拉菜单、通知铃铛、主题切换和头像，lg 断点以下自动变为手风琴。React + Tailwind 打造。
- 05Pro
带搜索框的电商导航栏
真正可提交的搜索表单加实时购物车数量，配账户与订单链接，构成这款 React 与 Tailwind 电商导航栏，接入查询路由即可用。
- 06Pro
极简登录按钮导航栏
文字标识加四个链接和登录、注册按钮组合，md 断点以下汉堡图标会变形，基于 React 与 Tailwind，适合作为营销站起点。
- 07Pro
带超级菜单的展馆导航栏
Collections 展开一个 680px 图片卡片超级菜单，两张横卡两张竖卡，位于反色主栏之下，用 React 与 Tailwind 打造，助力售票转化。
- 08Pro
带滚动通知条的作品集导航栏
滚动播报的通知条位于满高分格主栏上方，链接均为页内锚点，用 React 与 Tailwind 打造，三条通知内容可自行编辑。