#tab bar

Responsive Collapsible Side & Tab Navigation In JavaScript/CSS

A responsive, mobile-friendly, collapsible/expandable sidebar & tab navigation written in plain JavaScript and CSS. Desktop: Allows you to collapse the navigation into an icon-only side menu. Mobile: Automatically converts the sidebar nav into a bottom tab bar. How to use it: 1. Code the HTML for the sidebar navigation. <div class="nav" id="nav"> <nav class="nav__content"> <div…

actionSheet.js is a jQuery plugin which helps you dynamically renders an iOS-style Action Sheet and/or Tab Bar on your cross-platform web applications.

Demo

Download

Animated Tab Bar With Circle Highlight Effect

A pretty cool animated tab bar (navigation bar) interaction written in JavaScript and CSS/CSS. It uses a circle to keep the active tab button (menu item) separated from the tab bar. How to use it: 1. Create a tab bar from a nav list: <nav class="navbar-container"> <ul class="list"> <div style="--position: 0;" data-indicator class="indicator"> <div class="corners"></div> </div> <li><a href="#"…