Responsive navigation builder
Give every page a clear way in.
- Free to use
- No account needed
- Files stay in your browser
Preview links stay here. Exported links use the paths you supplied.
From preview to your website.
- Choose a header style and edit the brand and navigation links. Use the arrows to reorder them.
- Open Advanced for child links, breakpoint, sticky positioning, colors and spacing. Try the mobile toggle and keyboard navigation.
- Download the standalone HTML example and Astro component. Replace the existing header and test links on every page.
Know what you’re exporting.
Exports include a small vanilla JavaScript enhancement; without it, links remain visible. Dropdowns use disclosure buttons rather than application-menu roles. A child link belongs to the nearest preceding top-level link. Preview links do not navigate away. Test the integrated header with your actual content and assistive technology.
No registration or subscription is needed. Uploaded images, initials and generated content stay in this browser tab.