Menu kit - Bootstrap 5

Hover animations

How to use?

1. Purchase Bootstrap5 Menukit, unzip and include menukit.js (3KB) and menukit.css (4KB)

2. If you like, you can customize menukit.scss (sass) for your needs

3. Add hover class before/after nav-item or dropdown classes. And then add animate fade-down classes on dropdown-menu element
For example:


<li class="nav-item dropdown hover">
	<a class="nav-link  dropdown-toggle" href="#" data-bs-toggle="dropdown">Dropdown </a>
    <ul class="dropdown-menu animate fade-down">
	  <li><a class="dropdown-item" href="#"> Submenu item 1</a></li>
	  <li><a class="dropdown-item" href="#"> Submenu item 2 </a></li>
	  <li><a class="dropdown-item" href="#"> Submenu item 3 </a></li>
    </ul>
</li>

Download Bootstrap 5 Menu Kit

Ecommerce admin dashboard features
  • Includes all samples
  • Source files js, css, scss
  • Well coded html
  • Bootstrap 5
  • Easy to customize
  • Support by author

Only $5

Secure Checkout by Gumroad  


Email: templatemount@gmail.com Chat: @vosidiy

Back to website Bootstrap-menu.com