If you are using the Lantro UI v2.0 Blogger theme, creating menus manually can be confusing because of its unique structure like checkbox dropdowns, special classes, and icon includes.
To make things easier, here is a Menu Generator tool that creates perfectly formatted Lantro UI menu code instantly — with support for custom SVG icons.
🚀 Features
- Generate Normal menu items
- Generate Dropdown Style 1 (with icon)
- Generate Dropdown Style 2 (More menu)
- Supports Lantro UI structure (drp, mr, br)
- Custom SVG icon support (auto cleaned & minified)
- No manual coding required
🛠️ Menu Generator Tool
🎨 Available Icons (Lantro UI)
| Icon Name | Use in Tool |
|---|---|
| Back | back-icon |
| Forward | forward-icon |
| Arrow Right | arrow-right-icon |
| Arrow Left | arrow-left-icon |
| Arrow Down | arow-down-icon |
| Arrow Up | arow-up-icon |
| Profile | profile-icon |
| Profile Circle | profile-circle-icon |
| Profiles | profiles-icon |
| Share | share-icon |
| Share Alt | share-alt-icon |
| Font | font-icon |
instagram-icon | |
facebook-icon | |
| Facebook Round | facebook-r-icon |
twitter-icon | |
| Twitter Round | twitter-r-icon |
| Telegram | telegram-icon |
| Telegram Round | telegram-r-icon |
| TikTok | tiktok-icon |
| Tumblr | tumblr-icon |
| Line | line-icon |
| Line Round | line-r-icon |
| YouTube | youtube-icon |
linkedIn-icon | |
| LinkedIn Round | linkedIn-r-icon |
whatsapp-icon | |
| WhatsApp Round | whatsapp-r-icon |
pinterest-icon | |
| Pinterest Round | pinterest-r-icon |
| Mail Round | mail-r-icon |
| Circle | circle-icon |
| Home | home-icon |
| Home Alt | home-alt-icon |
| Folder | folder-icon |
| Message | message-icon |
| Speech | speech-icon |
| Chat | chat-icon |
| Messages | messages-icon |
| Paper | paper-icon |
| Document | document-icon |
| Buy | buy-icon |
| Download | download-icon |
| Download Alt | download-alt-icon |
| Lock | lock-icon |
| Shield | shield-icon |
| Search | search-icon |
| Plus | plus-icon |
| Tune (Settings) | tune-icon |
| Moon/Sun | moon-sun-icon |
| Hamburger Menu | ham-icon |
| Calendar | calendar-icon |
| Time Square | time-square-icon |
| Bookmark | bookmark-icon |
📌 How to Use
- Select menu type
- Enter title and URL
- Add icon name or paste SVG
- Add submenu items (if dropdown)
- Click Generate
- Copy output and paste into your theme
Important Notes
Do not remove
Each dropdown must have a unique ID
Dropdown Style 2 does not support icons
SVG icons are automatically cleaned and converted to Lantro format
name='drpDwn'💡 Example Output
<li class='drp'>
<input class='drpI hidden' id='drpDwn-1' name='drpDwn' type='checkbox'/>
<label class='a' for='drpDwn-1'>
<b:include name='folder-icon'/>
<span class='n'>Menu</span>
<b:include name='arow-down-icon'/>
</label>
<ul>
<li itemprop='name'><a href='#' itemprop='url'>Sub</a></li>
</ul>
</li>Now you can easily create Lantro UI menus without touching complex code. 🚀