Megamenu

Simple mega menu with AlpineJS

/r/n <\/a>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":977,"collection_id":null,"fork_id":null,"votes":21,"score":"4.2","visits":42307,"popularity":4637,"slug":"megamenu","approved":1,"created_at":"2021-03-05T00:00:00.000000Z","updated_at":"2024-09-19T05:19:33.000000Z","downloads":999,"code_views":9758,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":1,"media":[{"id":4008,"model_type":"App\\Component","model_id":1094,"collection_name":"preview","name":"temp43786","file_name":"temp43786.png","mime_type":"image\/png","disk":"public","size":25521,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp43786___media_library_original_1280_957.png","temp43786___media_library_original_1070_799.png","temp43786___media_library_original_895_669.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErKzdXem1pdVM3UGxmU3ZSblVqS05rak5JMVE0eDByakdPV1VML0RtZ0JUT0QvRFFCSGdVQUdCUUFZRkFCZ1VBTFFBVUFGQUVUdnRxWlNzVWxjLy8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":3923,"created_at":"2021-06-24T07:32:01.000000Z","updated_at":"2021-06-24T07:32:02.000000Z","conversions_disk":"public","uuid":"1c32358f-0da2-40c5-a375-ef1e3afe4c3e","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/4008\/temp43786.png","preview_url":""}],"author":{"id":977,"name":"Scott Windon","slug":"scott-windon","bio":"https:\/\/linktr.ee\/scottwindon","avatar":"\/storage\/avatars\/bdSSQtrngChUVVpfr5lHlMzUqupQfYvPWmY9wj0L.jpg","header":null,"created_at":"2020-08-04T05:42:29.000000Z","updated_at":"2021-12-10T11:11:18.000000Z"},"tags":[{"id":3,"name":{"en":"Navigations"},"description":"Looking to ensure a predictable and consistent user experience on your website? Check out our 200+ navigation examples that are built using the most popular utility-first CSS framework and choose the one that suits your needs.","meta_description":"Choose from 200+ navigation examples that are built using the most popular utility-first CSS framework - Tailwind UI.","slug":{"en":"navigations"},"type":null,"order_column":9,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:12:24.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":1094,"tag_id":3}},{"id":91,"name":{"en":"Mega Menu"},"description":"Utilize the mega menu component within the navbar as a wide, dropdown menu to display an extensive list of menu items. Explore its versatility in multiple sizes, variants, and styles for an enhanced user experience.","meta_description":"Utilize the mega menu component within the navbar as a wide, dropdown menu to display an extensive list of menu items. Explore its versatility in multiple sizes, variants, and styles for an enhanced user experience.","slug":{"en":"mega-menu"},"type":null,"order_column":80,"created_at":"2023-11-14T17:05:14.000000Z","updated_at":"2023-11-14T17:05:14.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":1094,"tag_id":91}}],"fork":null,"favorites":[{"id":3394,"name":"Buddhika","slug":"buddhika","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/a95b0467b6db038c18c48864a9f264f5","header":null,"created_at":"2021-05-11T07:24:10.000000Z","updated_at":"2021-05-11T07:24:10.000000Z","pivot":{"component_id":1094,"user_id":3394}},{"id":3455,"name":"JREAM","slug":"jream","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/145959?v=4","header":null,"created_at":"2021-05-17T09:27:29.000000Z","updated_at":"2021-05-17T09:27:29.000000Z","pivot":{"component_id":1094,"user_id":3455}},{"id":3745,"name":"Amin","slug":"amin","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/37cdb1d22cc36d7aef4cdc0dfe987912","header":null,"created_at":"2021-06-05T16:29:32.000000Z","updated_at":"2021-06-05T16:29:32.000000Z","pivot":{"component_id":1094,"user_id":3745}},{"id":3793,"name":"Andrew","slug":"andrew","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/c428077056633dcb41c7b3861da51ce7","header":null,"created_at":"2021-06-09T15:10:50.000000Z","updated_at":"2021-06-09T15:10:50.000000Z","pivot":{"component_id":1094,"user_id":3793}},{"id":3860,"name":"BlackBarba","slug":"blackbarba","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/5497993?v=4","header":null,"created_at":"2021-06-14T02:11:27.000000Z","updated_at":"2021-06-14T02:11:27.000000Z","pivot":{"component_id":1094,"user_id":3860}},{"id":4307,"name":"ehimimaru","slug":"ehimimaru","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/213d2a28ed36bbc136ea083532cf4c8e","header":null,"created_at":"2021-07-20T00:07:31.000000Z","updated_at":"2021-07-20T00:07:31.000000Z","pivot":{"component_id":1094,"user_id":4307}},{"id":4538,"name":"holybean","slug":"holybean","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/2794773?v=4","header":null,"created_at":"2021-08-08T11:44:58.000000Z","updated_at":"2021-08-08T11:44:58.000000Z","pivot":{"component_id":1094,"user_id":4538}},{"id":3907,"name":"migues2000","slug":"migues2000","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/48232323?v=4","header":null,"created_at":"2021-06-17T12:15:12.000000Z","updated_at":"2021-06-17T12:15:12.000000Z","pivot":{"component_id":1094,"user_id":3907}},{"id":4745,"name":"webdelin","slug":"webdelin","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/33e5eb2ab2b2db9cbc93c825f7cb0b2e","header":null,"created_at":"2021-08-24T21:02:16.000000Z","updated_at":"2021-08-24T21:02:16.000000Z","pivot":{"component_id":1094,"user_id":4745}},{"id":4761,"name":"mohammadsaju","slug":"mohammadsaju","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/75413106?v=4","header":null,"created_at":"2021-08-26T16:52:25.000000Z","updated_at":"2021-08-26T16:52:25.000000Z","pivot":{"component_id":1094,"user_id":4761}},{"id":4823,"name":"shchf3","slug":"shchf3","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/51129901?v=4","header":null,"created_at":"2021-09-01T08:48:30.000000Z","updated_at":"2021-09-01T08:48:30.000000Z","pivot":{"component_id":1094,"user_id":4823}},{"id":2512,"name":"digitalnomad91","slug":"digitalnomad91","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/2067771?v=4","header":null,"created_at":"2021-03-05T08:56:24.000000Z","updated_at":"2021-03-05T08:56:24.000000Z","pivot":{"component_id":1094,"user_id":2512}},{"id":5205,"name":"kurih233","slug":"kurih233","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/62450184?v=4","header":null,"created_at":"2021-09-28T05:48:46.000000Z","updated_at":"2021-09-28T05:48:46.000000Z","pivot":{"component_id":1094,"user_id":5205}},{"id":5371,"name":"AaronNeonDigital","slug":"aaronneondigital","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/91675986?v=4","header":null,"created_at":"2021-10-11T14:11:30.000000Z","updated_at":"2021-10-11T14:11:30.000000Z","pivot":{"component_id":1094,"user_id":5371}},{"id":5854,"name":"Thomas Garp","slug":"thomas-garp","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/a94624bc5c13722490c724ac7a423997","header":null,"created_at":"2021-11-20T16:35:06.000000Z","updated_at":"2021-11-20T16:35:06.000000Z","pivot":{"component_id":1094,"user_id":5854}},{"id":6447,"name":"rolandschellhorn","slug":"rolandschellhorn","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7809038?v=4","header":null,"created_at":"2022-01-09T17:18:26.000000Z","updated_at":"2022-01-09T17:18:26.000000Z","pivot":{"component_id":1094,"user_id":6447}},{"id":3558,"name":"whoisthisstud","slug":"whoisthisstud","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/44807533?v=4","header":null,"created_at":"2021-05-25T15:23:04.000000Z","updated_at":"2021-05-25T15:23:04.000000Z","pivot":{"component_id":1094,"user_id":3558}},{"id":6525,"name":"sandeep816","slug":"sandeep816","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/1018869?v=4","header":null,"created_at":"2022-01-16T09:51:06.000000Z","updated_at":"2022-01-16T09:51:06.000000Z","pivot":{"component_id":1094,"user_id":6525}},{"id":6625,"name":"Abdulakeem Gbadamosi","slug":"abdulakeem-gbadamosi","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/f876fd2bad6477a667b17b2852d61c74","header":null,"created_at":"2022-01-23T04:54:42.000000Z","updated_at":"2022-01-23T04:54:42.000000Z","pivot":{"component_id":1094,"user_id":6625}},{"id":6851,"name":"andraryanda","slug":"andraryanda","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/b466dc77c4a8545a0492a81530f17f44","header":null,"created_at":"2022-02-12T11:07:35.000000Z","updated_at":"2022-02-12T11:07:35.000000Z","pivot":{"component_id":1094,"user_id":6851}},{"id":7265,"name":"RicardoVargas5617","slug":"ricardovargas5617","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/78829446?v=4","header":null,"created_at":"2022-03-21T13:22:13.000000Z","updated_at":"2022-03-21T13:22:13.000000Z","pivot":{"component_id":1094,"user_id":7265}},{"id":9406,"name":"alexandermitsyk","slug":"alexandermitsyk","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/15364563?v=4","header":null,"created_at":"2022-10-17T11:33:48.000000Z","updated_at":"2022-10-17T11:33:48.000000Z","pivot":{"component_id":1094,"user_id":9406}},{"id":9634,"name":"chenxi2015","slug":"chenxi2015","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/13269485?v=4","header":null,"created_at":"2022-11-05T16:53:25.000000Z","updated_at":"2022-11-05T16:53:25.000000Z","pivot":{"component_id":1094,"user_id":9634}},{"id":3068,"name":"Naser","slug":"naser","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/2d9e3216af734c3d4f751d14fef3c506","header":null,"created_at":"2021-04-15T07:43:49.000000Z","updated_at":"2021-04-15T07:43:49.000000Z","pivot":{"component_id":1094,"user_id":3068}},{"id":5375,"name":"itszoose","slug":"itszoose","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/18335079?v=4","header":null,"created_at":"2021-10-11T20:35:57.000000Z","updated_at":"2021-10-11T20:35:57.000000Z","pivot":{"component_id":1094,"user_id":5375}},{"id":11388,"name":"Bryan","slug":"bryan-2","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/01a4d7c44decc5dd08b16d5cf0a38f13","header":null,"created_at":"2023-03-10T22:05:04.000000Z","updated_at":"2023-03-10T22:05:04.000000Z","pivot":{"component_id":1094,"user_id":11388}},{"id":2336,"name":"sushilbansal1982@gmail.com","slug":"sushilbansal1982-at-gmailcom","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/6611c4c7dba5e4933f41df3e1c3d552f","header":null,"created_at":"2021-02-23T15:16:57.000000Z","updated_at":"2021-02-23T15:16:57.000000Z","pivot":{"component_id":1094,"user_id":2336}},{"id":128,"name":"Arstman","slug":"arstman","bio":null,"avatar":"https:\/\/avatars1.githubusercontent.com\/u\/14262700?v=4","header":null,"created_at":"2019-10-03T08:17:00.000000Z","updated_at":"2019-10-03T08:17:00.000000Z","pivot":{"component_id":1094,"user_id":128}},{"id":16618,"name":"rivers1289","slug":"rivers1289","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/95020572?v=4","header":null,"created_at":"2024-01-29T04:34:44.000000Z","updated_at":"2024-01-29T04:34:44.000000Z","pivot":{"component_id":1094,"user_id":16618}},{"id":17262,"name":"jretamal","slug":"jretamal","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/194785?v=4","header":null,"created_at":"2024-02-29T01:18:08.000000Z","updated_at":"2024-02-29T01:18:08.000000Z","pivot":{"component_id":1094,"user_id":17262}},{"id":15610,"name":"Mphoola","slug":"mphoola","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/45689438?v=4","header":null,"created_at":"2023-12-02T17:03:16.000000Z","updated_at":"2023-12-02T17:03:16.000000Z","pivot":{"component_id":1094,"user_id":15610}},{"id":18847,"name":"trantai","slug":"trantai","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/5ce9fe40c0e574dc0c4cfec347d8415c","header":null,"created_at":"2024-05-16T09:10:37.000000Z","updated_at":"2024-05-16T09:10:37.000000Z","pivot":{"component_id":1094,"user_id":18847}}]}" :edit="false"> Full screen Preview

Scott Windon

41 components

Community Rate

Related components

See more components