Tabs

Switchable content panels with fluid transition effects.

Classic Pill

A segmented control style often used in mobile interfaces and settings panels. It uses a solid sliding background to indicate the active state.

I'm a passionate designer and developer who loves creating meaningful digital experiences that blend creativity with functionality.

Ghost Outline

A subtle variation of the pill tab. Instead of a solid fill, it uses a border and background highlight. Perfect for secondary navigation or form switching.

Manage your project name, description, and avatar. These settings are visible to everyone in your team.

Underline Indicator

The standard web navigation tab. A sleek line slides beneath the active item. Best used for high-level page hierarchy or dashboards.

Your total revenue for this month is $12,450. This is a 20% increase compared to last month's performance.