dioxus icon indicating copy to clipboard operation
dioxus copied to clipboard

Animation Hooks Library

Open ealmloff opened this issue 2 years ago • 4 comments

Specific Demand

The broader Dioxus ecosystem should contain an animation library like react-sping

Implement Suggestion

We can implement animations with hooks and use the API introduced in https://github.com/DioxusLabs/dioxus/issues/1179#issuecomment-1672184361 to spread whatever attributes the animation hooks output

ealmloff avatar Aug 10 '23 17:08 ealmloff

I would like to help with this one. I already have some animation support in Freya but maybe if we join forces we can create a better library! It would need to be renderer-agnostic (at least to it's core).

marc2332 avatar Sep 23 '23 09:09 marc2332

I would like to help with this one. I already have some animation support in Freya but maybe if we join forces we can create a better library! It would need to be renderer-agnostic (at least to it's core).

That would be great! What Freya has today looks like a great start. We can keep adding new animation hooks on top of that (maybe some hooks from react-spring?).

ealmloff avatar Sep 23 '23 12:09 ealmloff

I would like to help with this one. I already have some animation support in Freya but maybe if we join forces we can create a better library! It would need to be renderer-agnostic (at least to it's core).

That would be great! What Freya has today looks like a great start. We can keep adding new animation hooks on top of that (maybe some hooks from react-spring?).

:100: We could definitely get inspiration from react-spring.

marc2332 avatar Sep 23 '23 12:09 marc2332

A few other libraries to look for inspiration are:

  • Framer Motion
  • Svelte Transitions
  • AnimeJS

itsezc avatar Dec 28 '23 17:12 itsezc