Macaw Elegant Tabs

Macaw Elegant Tabs are powered by Macaw Tabs jQuery plugin. These CSS Tabs are responsive, accessible and easy to use. These tabs has modern design. Interface is enhanced by using the Google Material Icons. However, you can use any icon fonts to match your taste.

Macaw Elegant Tabs

These tabs are responsive. They will look good on all displays. They have horizontal orientation on large displays and vertical orientation on small displays.

Macaw Elegant Tabs Responsive


  • 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.