logo

Framer Motion

layout prop can animate un-animatable CSS values like switching justify-content between flex-start and flex-end.

Use layoutId prop if you want to animate an element that exit at a location and apprear at different location.

Use LayoutGroup component to synchronize layout changes across multiple component. for e.x. Use it in accordions since one accordion expand/collapse affect others

Build by Ritesh. Check out my other Github Codes.