Small rant sorry...

You should mention somewhere that elements have to be hidden first then do ramjet.transform(), and use { done: => { ramjet.show(target) }}... and also maybe that it doesnt like jquery elements.

If the docs do say that, my apologies, I couldn't find it

Reason is all your demos use hidden elements, but its not clear how to interact with a hidden element, and the effect doe

Changing the prop width on the elastic menu from the default of 300 creates a gap in the menu background:

The code:

<Menu 
    right 
    width={ 500 }
    ...
/>

Creates the following result:

**I guess at least part of the problem is the hardco

After including the min.js from UNPKG, how does one start using this?

From the docs, window.Vue2Transitions is available as a global variable.
Can you provide an example of using one of the transitions using the browser script approach?

Thx

A new user might presumably do this:

const draggable = new Draggable(pointerEvents);
const spring = new Point2DSpring();
const tossable = new Tossable({ draggable, spring });

and wonder why nothing is happening. Perhaps interactions that take user input should throw warnings if their output isn't being used (at least in a dev mode).