Easing
The Easing data node lets you pick from 31 standard easing curves and configure a duration. A small graph preview inside the node shows the shape of the selected curve. The output is an Easing object containing the curve identifier, duration, and unit that downstream nodes can use to control animations and transitions.
Outputs
| Name | Type | Description |
|---|---|---|
Value | Easing | An object with easing (curve name), duration (number), and unit (s or ms) |
Configuration
- Easing Curve: A dropdown with all available easing functions. The dropdown is searchable — type a family name (e.g., "bounce") to filter. A live graph preview updates as you change the selection.
- Duration: A number field for the duration of the easing. Use the adjacent dropdown to choose between Seconds and Milliseconds.
Available Easing Curves
| Family | Variants |
|---|---|
| Linear | Linear |
| Quad | Ease In, Ease Out, Ease In-Out |
| Cubic | Ease In, Ease Out, Ease In-Out |
| Quart | Ease In, Ease Out, Ease In-Out |
| Quint | Ease In, Ease Out, Ease In-Out |
| Sine | Ease In, Ease Out, Ease In-Out |
| Expo | Ease In, Ease Out, Ease In-Out |
| Circ | Ease In, Ease Out, Ease In-Out |
| Back | Ease In, Ease Out, Ease In-Out |
| Elastic | Ease In, Ease Out, Ease In-Out |
| Bounce | Ease In, Ease Out, Ease In-Out |
Ease In curves start slow and accelerate. Ease Out curves start fast and decelerate. Ease In-Out curves do both, creating a smooth S-shape. Back and Elastic curves overshoot their target before settling, while Bounce curves simulate a bouncing motion.
Example
You want an alert to slide in with a bouncy entrance over 0.8 seconds. Set the easing curve to "Ease Out Bounce", enter 0.8 in the duration field with "Seconds" selected, and connect the output to an animation effect node's easing input. The alert will overshoot and bounce into place over 800ms.