# Material 3 Standard default spatial: stiffness 700, damping 47.62 spring

> Material 3 Standard default spatial as a CSS linear() spring: stiffness 700, damping 47.62, settles in 0.32 s. Copy the CSS and the Web Animations line.

Canonical: https://vawe.dev/springs/material-standard-default-spatial
Last updated: 2026-11-04

Stiffness 700, damping 47.62 and mass 1 give a damping ratio of 0.9, so the spring is underdamped. It settles to within 0.1% in 0.32 s. It passes the end value by up to 0.2% at 0.272 s and crosses it 1 time.

Its damping ratio is 0.9, against 0.8 and 0.6 in the Expressive scheme.

| Measure | Value |
| --- | --- |
| Stiffness | 700 |
| Damping | 47.62 |
| Mass | 1 |
| Damping ratio | 0.9 (underdamped) |
| Settle time | 0.32 s |
| Overshoot | 0.2% |
| Crosses the end value | 1 |
| 50% of travel at | 0.061 s |
| 90% of travel at | 0.129 s |

## CSS linear()

```css
transition: translate 320ms linear(0, 0.0053, 0.0197, 0.0417, 0.0696, 0.1022, 0.1382, 0.1768, 0.2171, 0.2583, 0.3, 0.3416, 0.3826, 0.4229, 0.462, 0.4998, 0.5362, 0.571, 0.6041, 0.6355, 0.6652, 0.6931, 0.7194, 0.7439, 0.7668, 0.7881, 0.8078, 0.8261, 0.843, 0.8586, 0.8729, 0.886, 0.898, 0.909, 0.9189, 0.928, 0.9363, 0.9437, 0.9505, 0.9565, 0.962, 0.9669, 0.9713, 0.9752, 0.9787, 0.9818, 0.9846, 0.987, 0.9891, 0.991, 0.9927, 0.9941, 0.9954, 0.9964, 0.9974, 0.9982, 0.9988, 0.9994, 0.9999, 1.0003, 1.0006, 1.0009, 1.0011, 1.0012, 1.0013, 1.0014, 1.0015, 1.0015, 1.0015, 1.0015, 1.0015, 1.0015, 1.0014, 1.0014, 1.0013, 1.0013, 1.0012, 1.0011, 1.0011, 1.001, 1);
```

## Web Animations

```js
el.animate({ translate: ['0 0', '240px 0'] }, { duration: 320, easing: 'linear(0, 0.0053, 0.0197, 0.0417, 0.0696, 0.1022, 0.1382, 0.1768, 0.2171, 0.2583, 0.3, 0.3416, 0.3826, 0.4229, 0.462, 0.4998, 0.5362, 0.571, 0.6041, 0.6355, 0.6652, 0.6931, 0.7194, 0.7439, 0.7668, 0.7881, 0.8078, 0.8261, 0.843, 0.8586, 0.8729, 0.886, 0.898, 0.909, 0.9189, 0.928, 0.9363, 0.9437, 0.9505, 0.9565, 0.962, 0.9669, 0.9713, 0.9752, 0.9787, 0.9818, 0.9846, 0.987, 0.9891, 0.991, 0.9927, 0.9941, 0.9954, 0.9964, 0.9974, 0.9982, 0.9988, 0.9994, 0.9999, 1.0003, 1.0006, 1.0009, 1.0011, 1.0012, 1.0013, 1.0014, 1.0015, 1.0015, 1.0015, 1.0015, 1.0015, 1.0015, 1.0014, 1.0014, 1.0013, 1.0013, 1.0012, 1.0011, 1.0011, 1.001, 1)', fill: 'both' });
```

## In a vawe page

```js
import { spring, springDuration, springLinear } from '../../core/motion/springs.js';

const k = 700, d = 47.62;

// per-frame code (window.seek, vawe.onFrame): t is seconds since the move starts
const x = 240 * spring(t, k, d);

// CSS and Web Animations: 320 ms, the linear() string above
el.animate(
  { translate: ['0 0', '240px 0'] },
  { duration: springDuration(k, d) * 1000, easing: springLinear(k, d), fill: 'both' },
);
```

## Source of the numbers

damping ratio 0.9, stiffness 700 (MotionScheme.standard().defaultSpatialSpec()). androidx main at 9adbcd8 (compose material3 1.6.0-alpha01), StandardMotionTokens.SpringDefaultSpatialDamping (0.9) and SpringDefaultSpatialStiffness (700) (https://github.com/androidx/androidx/blob/androidx-main/compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/tokens/StandardMotionTokens.kt). Conversion: Stiffness is used as it is with mass 1 (SpringSimulation takes the natural frequency as sqrt(stiffness)). damping = 2 x dampingRatio x sqrt(stiffness), the same c = 2 x naturalFreq x dampingRatio that SpringSimulation.getAcceleration uses.

## Related

- [Motion scale default](https://vawe.dev/springs/motion-scale)
- [vawe snappy](https://vawe.dev/springs/vawe-snappy)
- [Material 3 Expressive default spatial](https://vawe.dev/springs/material-expressive-default-spatial)
- [Motion x, y and rotate default](https://vawe.dev/springs/motion-transform)
- [All spring presets](https://vawe.dev/springs)