$41, Costs more than your $30 budget
Cover illustration. The files are listed under What's inside.
Responsive Navigation Library
Navigation library of 180 responsive components: headers, mega menus, sidebars, tab bars, breadcrumbs and footers, with Tailwind CSS code.
$39
$9 more than your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 180 components
- File formats
- .fig, .sketch, .html, .css, .js, .png
- Supported software
- Figma, Sketch, Tailwind CSS, HTML/CSS
- Download size
- 64 MB
- Good for
- Websites and web apps together
- Responsive design handoff
- Design system navigation
About this product
Navigation for a whole product lives in this library, grouped into 10 sets: headers with mega menus, collapsible sidebars, bottom tab bars, tabs, breadcrumbs, pagination, steppers, footers, a command menu and slide-out mobile drawers. Patterns are drawn at 1440, 768 and 375 px, and a breakpoint page shows how each one adapts, for example a sidebar folding into a bottom tab bar on phones.
Twelve core patterns ship as responsive HTML styled with Tailwind CSS, with a small script for menu toggles and keyboard focus handled in the markup. Teams designing a marketing site and an app side by side can keep navigation consistent across both from one source file.
What's inside
- 180 components across 10 navigation pattern groups
- Patterns drawn at 1440, 768 and 375 px
- Mega menus, collapsible sidebars and bottom tab bars
- Breakpoint guide page showing how patterns adapt
- 12 patterns in HTML with Tailwind CSS and toggle scripts
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
Related products
Nearest in price: 3 more component packs and 1 presentation template.
$44, Costs more than your $30 budget
$30, Fits your $30 budget
$39, Costs more than your $30 budget