24component-bars - Fully Responsive Header, Footer, Navigation, Megamenu, Dropdown, and Sidebar

24component-bars - Fully Responsive Header, Footer, Navigation, Megamenu, Dropdown, and Sidebar

24component-bars is a package including a jQuery plugin and CSS Framework for making bars

24component-bars - Fully Responsive Header, Footer, Navigation, Megamenu, Dropdown, and Sidebar

24component-bars is a 24TEMPLATE Component

24component-bars helps you create headers, footers, navigations, mega menu, dropdowns, and sidebars.

24component-bars is an All-in-One Solution

24component-bars is compatible with all modern browsers, and frameworks

24component-bars has over 72+ demos

24component-bars can be almost any kind of bar in your website, CMS, or web app

24component-bars can be placed anywhere

24component-bars has variety of effects and styles

24component-bars has been built based on the latest technologies and design patterns

24component-bars lets you change its effects live at runtime

24component-bars supports any kind of content

Rate Us!

Join the MyThemeIsReady Awesomeness!

All-in-One solution.

You need menus (bars) everywhere! In Website, CMS, Admin Dashboard, Web App, and etc. Now imagine building responsive Headers, Footers, Navigations, Mega Menus, Dropdowns, and Sidebars in seconds.

Fits just right in.

Compatible with all modern browsers, frameworks, and web environments. Using Pure HTML5 or a front-end framework such as Bootstrap, MDL, Foundation, or anything else? It doesn’t make any difference! You’re in good company.

Full documentation.

Anything that you need to know about creating bars is in the documentation that you download. Introduction on how to get started, Compatibility notes, Bar block documentation, and etc…

Most important included files.

  • ES6 and .scss source files
  • Precompiled .js and .css files
  • Lots of .html ready-to-use sample files

Create Almost Anything

  • Header
  • Footer
  • Left/Right Sidebar
  • Fullscreen header/footer
  • Sticky Header/Footer/Sidebar
  • Expanded Sidbars
  • Collapsed Sidebars
  • Vertical/Horizontal Navigations
  • Vertical/Horizontal Sub Menus
  • Dropdowns
  • Megamenus
  • Grid System
  • Multi Level Menus
  • Admin Dashboard Panels
  • Software like Menus
  • AJAX Loading Navigations
  • Stateful Navigation Items
  • Stateful Navigation Sub-Items

Awesome Features

  • CSS3 Animations
  • JavaScript Options
  • Data Attribute Implementation
  • 3D Effects
  • Variaty of Colors
  • Variaty of Visual Effects
  • On Scroll Effects
  • Position Modifiers
  • Header/Footer hide & seek
  • Header/Footer Extension
  • Overlay
  • Shrink
  • 3D Rotate
  • Stick
  • Off-Canvas
  • Push

Support for any Content

  • Social Icons
  • Icons for menus/Sub Menus
  • Contact/Newsletter Forms
  • Signup/Signin Forms
  • Search Box
  • Shppoing Cart Dropdowns
  • Alert/Message/User Menus
  • Multiple Columns in Header/Footer/Sidebar
  • Tabs
  • Collapses
  • Custom Content


  • Fully Responsive
  • Fully Customizable
  • Cross Browser Support
  • RTL Languages Support
  • Compatible with all Frameworks
  • Onetime Payment
  • Lifetime Free Updates
  • Full Support

24component-bars Changelog

2017.07.15 – version 1.2.1
  - Bar block: Solved unexpected scrolling of the fixed pusher sidebar in mobile chrome browser
2017.07.14 – version 1.2.0
  - Utils block: Added `.text-{left,right,center}` modifiers
  - Bar block: Removed the JS solution for having a fixed height Head or Foot in a Fullscreen or Sidebar bars, instead implemented such feature all in CSS
2017.06.05 – version 1.1.0
  - Added bonus examples
  - Nav block: Fixed to reset styles only for the `ul` tags without `class` attribute
2017.05.09 – version 1.0.0
  - First Release