# tabs × # ui-kit

Spring sliding segmented control

iOS-style segmented tabs where the gradient indicator springs between options and resizes itself.

30500Open

Sliding underline tabs

Gradient underline springs between tabs with width+left animation; output line reflects the active tab.

31800Open

Sliding Indicator Tabs · Rose Gold

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Rose Gold palette.

19200Open

Sliding Indicator Tabs · Ocean Sky

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Ocean Sky palette.

64000Open

Sliding Indicator Tabs · Mint Breeze

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Mint Breeze palette.

84000Open

Sliding Indicator Tabs · Candy Pink

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Candy Pink palette.

68000Open

Sliding Indicator Tabs · Royal Gold

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Royal Gold palette.

34800Open

Sliding Indicator Tabs · Crimson Heat

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Crimson Heat palette.

82000Open

Sliding Indicator Tabs · Deep Indigo

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Deep Indigo palette.

76900Open

Sliding Indicator Tabs · Aurora Teal

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Aurora Teal palette.