Home
Docs
InfinityFX
©Copyright2016-2026 InfinityFX. All rights reserved.
InfinityFX®
Lively
v5.0.0
Getting started
Components
Animate
LayoutGroup
TextAnimation
ViewAnimation
Hooks
useAudio
useHover
useLink
useReducedMotion
useScroll
useSpring
useTap
useViewport
useVisible
Links
v4 docs
llms.txt

useSpring

Creates a physics-driven spring AnimationLink that smoothly animates towards assigned target values using customizable stiffness, damping, and mass options.

Importing

1
import { useSpring } from '@infinityfx/lively/hooks';

Usage

Spring
Click box to trigger spring physics

Call signature

1
const link = useSpring(initial, options?)

Parameters

initial:number | number[]

The initial target value or array of values.

stiffness?:number = 2

Spring stiffness coefficient.

damping?:number = 0.1

Spring damping ratio.

mass?:number = 1

Mass coefficient.

Returns

link:AnimationLink<number | number[]>

A spring animation link that updates target values with spring.set(value).