Slide Indicator

The active indicator animates between tabs with a shared-layout transition, stretching slightly toward its destination before settling.

microinteractions / micro-tabs

Playback

Complexity

Foundational

Interaction

Click

Stack

Framer Motion

Related motions

The card promotes to a detail panel with a shared-element transition — image, title and body each ease into their new positions rather than cutting.

The knob crosses on a spring with a squash at each end, the track color crossfades, and an inner glow confirms the on state.

The box fills from the click point, the check draws with a slight lead-in, and the whole control does one tiny confirm-bounce.