maxVelocity

Specifies the maximum velocity to apply to the dragged element after release.

Accepts

A Number greater than or equal to 0
A Function that returns a Number greater than or equal to 0

When defined using a Function, the value will be automatically refreshed every time the container or target element is resized.
It can also be refreshed manually using the refresh() method.

Default

50

maxVelocity code example

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  maxVelocity: 0,
});

createDraggable('.circle', {
  container: '.grid',
  maxVelocity: 100,
});

<div class="large centered grid square-grid">
  <div class="square draggable"></div>
  <div class="circle draggable"></div>
</div>

Previous Next

minVelocity
releaseEase