Basic Tab Navigation
Standard horizontal tabs with content panels
Dashboard Overview

Welcome to your comprehensive dashboard overview. Here you can monitor key metrics and performance indicators.

1,432

Total Users

856

Orders

$24.5K

Revenue

95%

Growth
Recent Activity
New user registered
2 minutes ago
Order completed
5 minutes ago
System alert
10 minutes ago
Analytics & Reports
Website Traffic
Visitors 24,567
75% increase from last month
Conversion Rate
Conversions 3.2%
+0.5% from last week
Traffic Sources
Source Visitors Bounce Rate Conversion
Google 12,340 45.2% High
Facebook 8,921 52.1% Medium
Direct 3,306 38.7% High
User Management
1,432
Total Users
1,289
Active Users
24
New Today
143
Inactive
User
John Doe
john.doe@example.com
Active
User
Jane Smith
jane.smith@example.com
Online
Application Settings
General Settings
Notification Settings
Pills Navigation
Rounded pill-style navigation tabs
Inbox Messages
5 unread
Meeting Reminder
Team meeting at 3 PM today
New
Project Update
Latest status report available
Read
Sent Messages

No sent messages yet

Draft Messages
Welcome Email Template
Last edited 2 hours ago
Newsletter Draft
Last edited yesterday
Vertical Pills
Vertical navigation for sidebar-style layouts
Profile Settings
Security Settings
Billing Information
Pro Plan
$29/month
Active
Notification Preferences
Justified & Fill Tabs
Tabs that fill the full width equally
$125K
Revenue
1,543
Orders
12.5%
Growth
24,567
Page Views
3.2%
CTR
42
Open Tickets
2.1h
Avg Response
Tabs with Dropdown
Advanced tab navigation with dropdown menus
Dashboard Overview
Overall performance: 75%
Monthly Report

This month's performance summary and key metrics.

$12,450
Revenue
245
Orders
Quarterly Report

Three-month performance analysis and trends.

Quarterly target: 60% achieved
Annual Report

Yearly overview and comprehensive analysis.

Annual Growth +25%
Tools & Utilities
Custom Tab Styles
Enhanced tab designs with custom styling
Underline Style

This is the home tab content with underline styling. The active tab has a clean underline indicator.

About section content goes here. Underline tabs provide a minimal and modern appearance.

Contact information and forms would be displayed in this tab panel.

Colored Tab Variations