Introduction | Curvy Docs

Curvy is a curve editor in the Motion Dock. It lets you give different animations the same easing without rebuilding each one in the Graph Editor.

The card holds one curve. Drag to shape it, take one from a favorite, or click Copy to read the selected keys.

Apply puts that curve on your selected keys. Key times and values stay in place.

Curvy holding its default Smooth curve, with Copy, Apply and the starter favorites.

One curve across different moves

The card shows progress between two keys. Time runs from left to right. Value runs from the start to the end of the move.

That shape can travel from Position to Opacity, Scale or another property that accepts easing. Curvy adjusts the speeds for each target’s distance and duration. You can reuse the feel of a move even when its values are different.

With several selected keys, Curvy repeats the held curve between them. It holds one curve at a time, so copying several different eases takes the first readable curve.

Compare before you apply

The solid line is the curve Curvy holds. Faint dashed ghosts show the selected keys' current easing.

Different eases can show several ghosts. Matching curves lie over each other. Selecting other keys changes the ghosts while keeping your held curve.

A solid Settle curve over two dashed curves from the selected keys.

Start with two keys

Select two Opacity keys and click Apply to try the default Smooth curve. Apply your first ease covers adding Curvy and checking the result.

Apply as you edit starts on. Once keys are selected, finishing a curve edit can apply it immediately. Turn it off in settings when you want to prepare a curve before applying it.