https://github.com/candidosales/animations

Animation lab - React / Framer Motion / Svelte / Svelte Motion / AnimeJS
https://github.com/candidosales/animations

animejs framer-motion react svelte svelte-motion

Last synced: 6 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/candidosales/animations
• Owner: candidosales
• Created: 2024-09-01T11:50:09.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-09-06T18:29:14.000Z (29 days ago)
• Last Synced: 2024-09-25T23:52:58.756Z (10 days ago)
• Topics: animejs, framer-motion, react, svelte, svelte-motion
• Language: TypeScript
• Homepage:
• Size: 1.61 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Animations lab

## Course

- [Animations](https://animations.dev/)

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](https://github.com/micha-lmxt/svelte-motion/blob/master/src/render/index.js#L2C10-L2C29) ([Framer Motion - 2021](https://github.com/framer/motion/blob/main/CHANGELOG.md#4111-2021-04-28)), so many features aren't implemented or have bugs, for example `` hasn't option for `mode="popLayout"`;

- The `style` in the `Motion` tag does not work as expected with ``;

- The order of the elements when using `` and `` indicates how the animation will work, so this can bring bugs;