Tabs

Tabs styled with the MUI Treasury theme — install the theme alongside.

A clean tabs component with AI and signup options, includes help link

A modern tab component with mix-blend-mode for automatic text color inversion when the indicator slides beneath tabs

Apple-style tabs with rounded container and sliding indicator

Horizontal tab navigation styled as chip-like buttons

Chrome browser-style tabs with separator lines and smooth hover effects

Contained tabs with separator lines and secondary color for selected state

Elevated tabs with gradient background and translucent indicator

Firebase-style tabs with thick top indicator and hover backdrop

Tabs with diagonal triangle shadow effect using CSS transform

Instagram-style tabs with top indicator, icons, and uppercase labels

Pill-shaped tabs with rounded corners, elevation shadow on selection

Plain bordered tabs with subtle background and white selection

Serrated tabs with skewed transform and diagonal shadow gradient

Twitter-style tabs with bold text, hover effects, and bottom border