Create a reactive stream of values.
Exponential deceleration, primarily for use in momentum scrolling.
Fires with timestamp, once every frame.
Inertial scrolling with spring-loaded boundaries.
Animate through a linear sequence of values.
Integrated simulation of velocity, acceleration, friction and springs.
Accurate, versatile spring animation.
Sequence a multitrack animation with full playback controls.
Animate between two values over a set duration of time.
Simple functions useful in UI calculations.
Chain a sequence of actions, move to the next when the current one completes.
Control a map of actions and output to that same structure.
Fade between two numerical actions.
Fires complete after the defined interval.
Combine multiple actions into one output.
Control multiple actions in parallel and output as an array.
Use an action to control the output of another.
Stagger the execution of a series of actions.
Functions that speed or slow a tween over time.
Popmotion frequently asked questions
Schedule functions to run at specific steps on the render loop.
Creates a DOM event listener as an action stream.
Tracks multitouch input.
Outputs the screen position of a single mouse or touch point.
Style setters for CSS, SVG and scroll, optimized for animation.
CSS Styler optimised for animation.
Scroll viewport and DOM elements.
SVG styler with simplified transformation model and line drawing support.
Simple composable functions that take a value and return a new one.