Tabs

Explore our tabs for organizing content into separate panes, allowing users to easily navigate between different sections.

Alternate

An alternate design of tabs, offering a unique style different from the basic layout.

Source code

The source code for Alternate can be found at the following location, inside the downloaded package:

Live preview:

Basic

The fundamental and standard design of tabs for navigation and content organization.

Source code

The source code for Basic can be found at the following location, inside the downloaded package:

Live preview:

Basic Alternate

A variation of the basic tabs, offering an alternative visual style.

Source code

The source code for BasicAlternate can be found at the following location, inside the downloaded package:

Live preview:

Basic Gradient

Large tabs with a basic gradient design for aesthetic and functional navigation.

Source code

The source code for BasicGradient can be found at the following location, inside the downloaded package:

Live preview:

Line

Tabs with a line indicator, providing a clean and minimalist design.

Source code

The source code for Line can be found at the following location, inside the downloaded package:

Live preview:

Line Alternate

A line-style tabs variant with an alternate design approach for visual distinction.

Source code

The source code for LineAlternate can be found at the following location, inside the downloaded package:

Live preview:

Pills

Pill-shaped tabs, offering a more rounded and distinct tab navigation option.

Source code

The source code for Pills can be found at the following location, inside the downloaded package:

Live preview:

Rounded

Tabs with rounded corners, giving a softer and more approachable aesthetic.

Source code

The source code for Rounded can be found at the following location, inside the downloaded package:

Live preview:

Scrollable

Tabs designed to be scrollable, suitable for accommodating a large number of tab items.

Source code

The source code for Scrollable can be found at the following location, inside the downloaded package:

Live preview:

Shadow

Tabs featuring a shadow effect, adding depth and emphasis to the tab structure.

Source code

The source code for Shadow can be found at the following location, inside the downloaded package: