animations Svelte Themes

Animations

Animation lab - React / Framer Motion / Svelte / Svelte Motion / AnimeJS

Animations lab

Course

The course provides exercises using React with Framer Motion, and I tried to convert them to Svelte with Svelte Motion, but I found some issues.

  • Svelte Motion uses implementation from Framer Motion version 4.1.1 (Framer Motion - 2021), so many features aren't implemented or have bugs, for example <AnimatePresence> hasn't option for mode="popLayout";
  • The style in the Motion tag does not work as expected with <AnimatePresence>;
  • The order of the elements when using <AnimateSharedLayout> and <AnimatePresence> indicates how the animation will work, so this can bring bugs;

Top categories

Loading Svelte Themes