DEV Community

Cover image for Macaw Tabs jQuery Plugin for CSS Tabs
Imia Hazel
Imia Hazel

Posted on • Edited on

6 1

Macaw Tabs jQuery Plugin for CSS Tabs

We are excited to launch lightweight and friendly jQuery plugin for HTML, CSS tabs. Macaw Tabs implements the W3 design patterns for tabs.

Macaw Tabs jQuery Plugin

Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time. Each tab panel has an associated tab element, that when activated, displays the panel.

Macaw Tabs jQuery Plugin

Here are some major features of Macaw Tabs jQuery Plugin,

  • Flexible HTML Structure
  • Vertical Orientation Support
  • Horizontal Orientation Support
  • Tabs with Automatic Activation Support
  • Tabs with Manual Activation Support
  • Nested Tabs Support
  • Special Transition Class for Tab Panels
  • Keyboard Interaction Support
  • AI-ARIA Roles, States, and Properties Support
  • Lot of Tabs Themes

Please see the Macaw Tabs project page for Setup and Documentation.

Macaw Tabs Themes

We have launched some cool CSS Tabs of Macaw Tabs jQuery Plugin for startup.

Macaw Simple Tabs

Macaw Simple Tabs has vibrant colors. Design is enhanced with Font Awesome Icons.

Macaw Simple Tabs

Macaw Silk Tabs

Macaw Silk Tabs has clean look. Design is enhanced with Google Material Icons.

Macaw Silk Tabs

Macaw Power Tabs

Macaw Power Tabs has minimalistic interface. Design is enhanced with Google Material Icons.

Macaw Power Tabs

Macaw Fresh Tabs

Macaw Fresh Tabs has vertical orientation on both small and big displays. Design is enhanced with Google Material Icons.

Macaw Fresh Tabs

Macaw Elegant Tabs

Macaw Elegant Tabs has simple yet elegant interface. Design is enhanced with Google Material Icons.

Macaw Elegant Tabs

Macaw Aurora Tabs

Macaw Aurora Tabs has beautiful interface. It uses Animate.css library for tab panel animations. You can play around to match your taste.

Macaw Aurora Tabs

Macaw Comely Nested Tabs

Macaw Comely Nested Tabs are fabulous example of CSS nested tabs.

Macaw Comely Nested Tabs

Support the Project

We welcome Dev community to support the Macaw Tabs project. You can contribute,

  • To improve the Macaw Tabs plugin.
  • To add more Macaw Tabs themes.

Don't forget to give Star at Github Page :)
Looking forward for your comments <3

Image of AssemblyAI tool

Transforming Interviews into Publishable Stories with AssemblyAI

Insightview is a modern web application that streamlines the interview workflow for journalists. By leveraging AssemblyAI's LeMUR and Universal-2 technology, it transforms raw interview recordings into structured, actionable content, dramatically reducing the time from recording to publication.

Key Features:
🎥 Audio/video file upload with real-time preview
🗣️ Advanced transcription with speaker identification
⭐ Automatic highlight extraction of key moments
✍️ AI-powered article draft generation
📤 Export interview's subtitles in VTT format

Read full post

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay