Smooth tabs

A set of tabs that trigger a smooth transition between different views.

Related docs

Animate elements with a declarative API. Supports variants, gestures, and layout animations.

A spring-powered motion value. Standalone or attach to another motion value.

Transform the output of one motion value into a new motion value.

Creates a new motion value that outputs the velocity of another motion value.

An overview of all the gestures available in Motion for React.

Smoothly animate layout changes and create shared element animations.

Animate elements with a declarative API. Supports variants, gestures, and layout animations.

A spring-powered motion value. Standalone or attach to another motion value.

Transform the output of one motion value into a new motion value.

Creates a new motion value that outputs the velocity of another motion value.

Motion Studio

Use Motion Studio to create new components or infuse static designs with animations based on "Smooth tabs" and 300+ other examples.

Discover Motion Studio