Macaw Power Tabs

Macaw Power Tabs are powered by Macaw Tabs jQuery plugin. These CSS Tabs are responsive, accessible and easy to use. Macaw Power Tabs has simple and clean design. Interface is enhanced by using the Google Material Icons.

These tabs are responsive. They will look good on all devices. By default, these tabs have horizontal orientation on large displays. These beautiful tabs will adopt vertical orientation on small displays.


  • HTML
  • CSS
  • jQuery


  • Accessible Tabs
  • Keyboard Interaction
  • WAI-ARIA Roles, States, and Properties
  • Icons Support
  • Responsive CSS Tabs
  • jQuery Tabs
  • Modern Design
  • Clean Code
  • MIT License


Here is the preview of tabs example to get an idea so you can learn and explore the HTML, CSS and Javascript source code in the CodePen playground.