EducationApril 05, 2025 3 minutes read

This website menu you should know!

All novice programmers must know the Hamburger menu, right? It turns out that there are many types of menus used for websites, bro, not just hamburger menus.

We already know that the Hamburger is known as a burger icon with a design that is often used to hide navigation menus in user interfaces. When the user clicks on the hamburger menu icon, the navigation menu will appear in the form of an overlay or slide in from the side of the screen.

Hot Dog Menu

Do you know why it’s called a hot dog menu? Because it looks like a hot dog! this menu is almost the same as a hamburger menu, but the hot dog menu only has 1 long line between the two lines.

Oreo Menu

Do you know why it’s called the Oreo menu? because the shape is similar to an Oreo, but it only has 2 lines.

Kebab Menu

Kebab menu is often used on social media, this menu has a quite unique shape which has 3 lines but, this is not a line, but a circle, it’s easy to make.

Candy Box Menu

Maybe it sounds strange, don’t you think? but this menu is true, the shape is 3×3 round because it’s like candy. This menu is usually used to load other menus that do not fit on a web page or application.

Chocolate Menu

The shape is almost like a candy menu, but this menu is in the shape of a 3×3 box, it’s easy to differentiate from the candy menu.

Strawberry Menu

The shape is almost like a strawberry, namely big to small. This menu has been widely used in applications and on the web and the strawberry menu is also often used to filter content from a — b or 1–10 (from small to large or large to small).

Fries Menu

This fries menu has a unique shape, the formula is almost the same as the hot dog menu, the only difference is in the center line and alignment.

Stairs Menu

This stairs menu looks modern to me because the design is unique among all the menus. and there are 2 types of ladder menu, namely the ladder menu, left or right aligned but elongated and middle aligned but the same size.

Veggie Burger Menu

This veggie burger menu or 2 line menu also looks simple and easy to make, almost like a hamburger menu, it’s just that this menu only has 2 lines. suitable for those of you who want to create X animations when floating.

Cake Menu

This is the most unique menu among all the menus that have been explained, but this menu is still rarely used because it doesn’t really make sense, according to them it’s better to make a hamburger menu.

Get notifications for new posts

This feature is under development.