 github

# Springs without the runtime

>Tune stiffness, damping and mass. springline simulates the bounce and hands back a linear() easing — paste it into any transition and ship nothing to the browser.

## tune —

```controls

stiffness 180

damping 17

mass 1.0

velocity 0

```

```plotbraille · live

— overshoot —

```

```motion

●

```

## output —

```css

linear(…)

```

## vs the defaults

- springline

●

- ease

●

- bezier(.2,0,0,1)

●

same duration, different shape

## use

```css

.menu { transition: transform 860ms linear(…); }

```

```js

import { spring } from "springline"; const { easing, duration } = spring({ duration: 0.4, bounce: 0.2 }); el.style.transition = `transform ${duration}s ${easing}`;

```

## install

```sh

$ npm i springline

```

---