motion icon indicating copy to clipboard operation
motion copied to clipboard

[FEATURE] Vanilla layout animations

Open itzcodex24 opened this issue 1 year ago • 5 comments

Is your feature request related to a problem? Please describe. N/A

Describe the solution you'd like As part of the framer-motion package for React, you are able to use the layout and layoutId attributes, which makes the element animate and react to its surroundings. I would like something similar to use with Vanilla JS with a CDN import.

Describe alternatives you've considered N/A

Additional context N/A

itzcodex24 avatar Dec 03 '24 10:12 itzcodex24

Just to set expectations, because of the tree-like nature of layout animations there would be a big rewrite to support this. It's more likely we get say a Vue layout animation implmentation first. But I'm not against it in principle.

mattgperry avatar Dec 13 '24 12:12 mattgperry

dup. #2889

bastienrobert avatar Dec 26 '24 10:12 bastienrobert

+1, not necessarily vanilla JS, but would be cool to get support for other frameworks. I use Solid.js, but seems like a Vue or Svelte implementation would be helpful to see how to implement layout animations in other frameworks as well since Solid isn't as heavily used.

ricardonunez-io avatar Dec 31 '24 00:12 ricardonunez-io

Is there anything new on this? I use solid and miss the layout animation from react, is there any guide on how to recreate it kind of?

ivanjeremic avatar Feb 19 '25 01:02 ivanjeremic

+1, want to rewrite an existing app to Solid but seems like there's no way to get this behaviour in Solid at the moment.

Edit: It looks like it will be possible soon with animateView().

joodaloop avatar Jul 23 '25 18:07 joodaloop