Responsive Nav

Three navigation patterns for different viewport sizes, each shown in a mock browser frame at its target width.

01 / Desktop -- Horizontal nav bar with hover dropdowns
https://example.com

Desktop viewport -- hover over "Products" for dropdown

02 / Tablet -- Icon + text compact navigation
https://example.com

Tablet viewport -- compact icon + label navigation

03 / Mobile -- Hamburger menu with slide-out panel
https://example.com
← デモ一覧に戻る