Tabs Component

Capsule-shaped tab navigation with flat ink borders, animated transitions, and orbit hover effects.

Animated Underline

Tabs with a sliding underline indicator and smooth content transitions.

Manage your account information, profile details, and personal preferences.

Tabs with a sliding pill background that moves between options.

View and edit your public profile information.

Individual button-style tabs without a container border. Active state uses primary color.

Manage your payment methods and billing history.

Separated tabs with outline borders. Active tab has filled background.

Get a high-level summary of your data and performance metrics.

Vertical tab navigation, ideal for settings pages with many options.

Configure general application settings and preferences.

View and edit your public profile information. This includes your bio, social links, and profile picture settings.