Skip to example

Cursor trail velocity

An example of creating a cursor trail with velocity-based inertia animations in Motion for React.

Not ready? Try 10 Motion+ demos free.

Create a free Motion account to run 10 Motion+ demos live, with their controls. No card needed.

Tutorial

Tutorial time
5 min
Difficulty

Introduction

The Cursor trail velocity example shows how to spawn images as the user's cursor moves around the screen.

This example is a twist on the original Cursor trail example, where the pointer velocity is recorded at the moment of image spawn and this is fed into a type: "inertia" animation.