Free Bootstrap 5 navbar snippet — Vue JS Dropdown Menu Component. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.
1<div id="app">
2 <div class="language" :class="showDrawer ? 'highlight': '' " @click="show">
3 <p class="language-copy">Language</p>
4 <i class="icon fas fa-chevron-down" :style="{transform: showDrawer ? 'rotate(180deg)' : ''}"></i>
5 </div>
6 <transition name="slide">
7 <div class="language-drawer" v-if="showDrawer">
8 <ul class="drawer-list">
9 <li class="drawer-list-item" v-for="entry in langJSON" :key="entry">
10 <div class="drawer-list-name">
11 <input type="checkbox" v-model="entry.checked" :id="entry.language">
12 <label :for="entry.language">{{ entry.language }}</label>
13 </div>
14 <p class="drawer-list-value">{{ entry.value }}</p>
15 </li>
16 </ul>
17 </div>
18 </transition>
19</div>
20 <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js'></script>
Responsive Sidebar Navigation for Dashboard
Responsive Sidebar Navigation for Dashboard: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.
Bootstrap Transparent navbar example
Bootstrap Transparent navbar example — a free Bootstrap 5 navbar snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.
Bootstrap 5 e-commerce navigation with product snippet
Bootstrap 5 e-commerce navigation with product snippet: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.