Paquet expérimental de bas niveau pour vos animations et moteurs.

pnpm add @liquidify/motion

L’API ne dépend pas de React et comprend :

• stepSpring et isSettled : calculs de ressorts amortis.
• createScheduler : planificateur de request-animation-frame avec horloge injectable.
• getSharedScheduler : planificateur partagé, créé à la demande.
• Types d’état, de paramètres, de callbacks et de planification.

import { isSettled, stepSpring, type SpringState } from "@liquidify/motion"

let state: SpringState = { value: 0, velocity: 0 }
state = stepSpring(state, 1, 1 / 60, {
  stiffness: 240,
  damping: 28,
})

if (isSettled(state, 1)) {
  state = { value: 1, velocity: 0 }
}

stepSpring reçoit le temps écoulé en secondes et limite les intervalles longs. Utilisez le planificateur partagé si plusieurs surfaces s’animent dans un document. Utilisez createScheduler pour isoler une horloge ou l’injecter dans les tests.