alpinejs-plugin-anime
Usage
<div x-data x-anime="{targets:'.element', translateY:100,
rotate: '3turn',translateX:-100,duration:5000
}">
<div class="element"></div>
</div>// usage in current element you are free to remove targets
<div x-data x-anime="{translateY:100,
rotate: '3turn',translateX:-100,duration:5000
}">
<div class="element"></div>
</div>also $anime magic is available