Macaw Silk Tabs

Macaw Silk Tabs are powered by Macaw Tabs jQuery plugin. These CSS Tabs are responsive, accessible and easy to use. These HTML tabs has beautiful design with vibrant colors. 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.

Tools

  • HTML
  • CSS
  • jQuery

Features

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

Demo

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.

Download