ShelfSearch the shelf

Back to the collection

Kinetics screenshot

Resource profile

Kinetics

What it is

A library of spring-physics interface animations rather than fixed-duration easing.
Includes 153 spring-driven interaction examples with parameters such as stiffness, damping, and mass.
Offers CSS, React, and ready-made AI prompt outputs for animations.

Useful for

Building expandable cards, accordions, toasts, tab indicators, and number counters.
Creating magnetic cursor effects, drag-to-dismiss interactions, and click-positioned ripples.
Tuning motion behavior with spring-based stiffness and damping values.

Notes to know

Examples include both pure CSS transitions and JavaScript pointer or layout measurements where needed.
Some interactions specify implementation details such as reflow restarts, pointer tracking, or offset measurements.

A considered shelf by Shahadat Shemul·@HiShahadat