# Fun with mega menus

**URL:** <https://community.weweb.io/t/fun-with-mega-menus/2743>\
**Category:** Share your work\
**Tags:** design\
**Created:** [May 19, 2023, 12:26am UTC](https://community.weweb.io/t/fun-with-mega-menus/2743 "2023-05-19T00:26:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![twinsticks](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@twinsticks](https://community.weweb.io/u/twinsticks)\
**Post date:** [May 19, 2023, 12:26am UTC](https://community.weweb.io/t/fun-with-mega-menus/2743/1 "2023-05-19T00:26:54Z")

</div>

Just sharing a mega menu i’ve built, COPIED from Dribbble, just playing around with what is possible

 ![Screenshot 2023-05-18 at 2.18.54 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2b124c0e04625e5a3352be3be894f47b75de2694.png)  
 ![Screenshot 2023-05-18 at 2.50.11 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1876a733825f99a0638168d99c930ef683824aa9.png)

Edit to show the original:

 ![Screenshot 2023-05-18 at 1.27.24 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3640c273e948460a3baad18bd31adac59fa2ec90.png)

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [May 22, 2023, 9:19am UTC](https://community.weweb.io/t/fun-with-mega-menus/2743/2 "2023-05-22T09:19:05Z")

</div>

Love it, it’s gorgeous!

---

<div class="post-metadata">

**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\
**Post date:** [July 30, 2023, 9:51pm UTC](https://community.weweb.io/t/fun-with-mega-menus/2743/3 "2023-07-30T21:51:40Z")

</div>

Cool. Did you use the modal element for this?

---

<div class="post-metadata">

**Author:** ![D-EFFCON](https://avatars.discourse-cdn.com/v4/letter/d/aeb1de/32.png) [@D-EFFCON](https://community.weweb.io/u/D-EFFCON)\
**Post date:** [July 31, 2023, 1:04am UTC](https://community.weweb.io/t/fun-with-mega-menus/2743/4 "2023-07-31T01:04:10Z")

</div>

Looks great! Can you share some insights as to what goes into building this?

I.e what elements, hover states, animations used, workflows used etc.