Scatter text

An example of creating a scatter text animation with split text in Motion for React

Related docs

The hover() function can trigger functions as hover gestures start and end.

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

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

The hover() function can trigger functions as hover gestures start and end.

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

Motion Studio

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

Discover Motion Studio