Segment Control

Show Preview
Segment Control

About Segment Control

Segmented Control brings a SwiftUI-inspired two-option selector to Framer — with a smooth sliding indicator that follows each click. Eight pre-built variants cover every common use case out of the box.

Variants:

  • Rounded 1 & 2 — Dark

  • Sharp 1 & 2 — Dark

  • Rounded 1 & 2 — Light

  • Sharp 1 & 2 — Light

Controls:

  • Variant selector — switch styles without touching the canvas

  • Transition — Spring by default, fully adjustable

  • Fill color — override the track background

  • Opacity control

No code needed. Drop it, pick a variant, done.