CSS Menu Generator

Generate a responsive CSS menu with this handy tool. This generator will assist you in creating a new CSS menu for your webpage. Update any properties below to visually see the changes to the menu. All code is generated automatically, just copy and paste into your project.

With Thanks: A big thank you to CSSPortal for letting us use the code to their menu generator.
⮞ Responsive menu - code generated will now be responsive.
⮞ Design your own menu - Click on Menu Design below and you'll be able to add or delete menu items from the menu.
⮞ Rearrange the order of the menu.
⮞ Added - select from different dropdown arrows for the submenus.
⮞ Download Menu - click on the icon to download your menu. (May not work in all browsers)

Menu Options


Dropdown Icon
Hover Text Color

Hover Background

CSS Code
Javascript Code