Base UI: Checkbox

An example of creating a checkbox with path line animation for the tick using Base UI and Motion for React.

Related docs

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

Composable animatable values that can updated styles without re-renders.

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

Create React animation with Motion components. Learn variants, gestures, and keyframes.

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

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

Composable animatable values that can updated styles without re-renders.

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

Create React animation with Motion components. Learn variants, gestures, and keyframes.

Motion Studio

Use Motion Studio to create new components or infuse static designs with animations based on "Base UI: Checkbox" and 300+ other examples.

Discover Motion Studio