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.
These tabs are responsive. They will look good on all displays. They have horizontal orientation on large displays and 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.