matthunz/dioxus-spring

Dioxus Spring

Examples

Animation library for Dioxus.

Pairs great with dioxus-use-gesture!

let is_big = use_state(cx, || false);
let spring = use_spring(
    cx,
    if **is_big { 2f32 } else { 1f32 },
    Duration::from_millis(500),
);

let mounted = use_mounted(cx);
use_animated(cx, mounted, spring, |scale| {
    format!("transform-origin: top left; transform: scale({scale})")
});

render!(
    div {
        onmounted: move |event| mounted.onmounted(event),
        onclick: move |_| is_big.set(!is_big),
        "Click me!"
    }
)

dioxus-spring's Issues

Animation frames not triggering component renders

In the upgrade to Dioxus 0.5, something broke with component re-renders. During the switch, use_state was blindly changed to use_signal so a deeper look into the new state updates should bring out the cause.

Add methods for streams

Animations should be able to be set to streams of values. This lets resizes trigger animation target values.