Springr
Spring Physics
All tools

Spring Physics

Tune mass, stiffness and damping with a live spring preview and export CSS, Motion or Tailwind code.

About Spring Physics

Tune a spring animation by adjusting mass, stiffness and damping with a live preview. Export the result as CSS, Motion or Tailwind CSS code and bring natural-feeling motion into your interface.

How to use it

  1. Adjust mass, stiffness and damping.
  2. Watch the live preview until the motion feels right.
  3. Export the result as CSS, Motion or Tailwind CSS code.

Frequently asked questions

What do mass, stiffness and damping do?
Stiffness sets how strong the pull toward the target is, damping controls how fast the oscillation fades, and mass makes the motion heavier and slower to respond.
Which formats can I export?
You can export the spring as CSS, Motion or Tailwind CSS code.