benlime
🍿 LiveMotion - High performance animations for Phoenix LiveView
LiveMotion enables high performance animations declared on the server and run on the client.
As a follow up to my previous thread A library for high performance LiveView animations I released the first initial version 0.1.0 of the library for you to play around with it.
There is still a lot to do, but works as a first version. I would be glad if you give it a try. I hope it makes animations using LiveView a lot more convenient.
Docs: LiveMotion — LiveMotion v0.3.1
Repo: GitHub - benvp/live_motion: High performance animation library for Phoenix LiveView
Examples: https://livemotion.benvp.co
https://cleanshot-cloud-fra.accelerator.net/media/26144/yvBCYQ2B1940j2e20mhHJO12vauM1cfJo5gJgRP0.mp4
https://cleanshot-cloud-fra.accelerator.net/media/26144/p5RbCZhU7yRjtyBAb6E9U0LCNjzeJgBvGjP4Tqc7.mp4
If it would be preferable to merge it with my previous thread, please do so
I just thought it would be better to have a distinct thread for it.
Cheers
Ben
Most Liked
benlime
I just released v0.3.0 of LiveMotion. This update includes support for LiveView 0.18 and adds a few new things. Check out the changelog.
Next up will be a new component called presence which will make transitions like the following possible.
I orignally wanted to include it in this release, but it is still a bit experimental and needs a bit of polishing.
Stay tuned.
benlime
I added a website with a few examples of LiveMotion. I’ll add more in the next couple of weeks.
benlime
Just release v0.1.2 which adds the LiveMotion.JS.show/1 function. This function was previously mentioned in the docs, but did not exist yet.
This let’s you now add client side animations for dynamically showing elements (e.g. on button clicks).








