---
title: "CSS Spring Easing Generator"
description: "Converts spring physics parameters into a CSS linear() easing string you can paste straight into a transition."
canonical: "https://vibing.inc/library/css-spring-easing-generator-vg-0684"
category: "Design Tools & Generators"
subcategory: "CSS generators"
license: "free"
author: "Kevin Grajeda"
source: "https://www.kvin.me/css-springs"
---

# CSS Spring Easing Generator
Converts spring physics parameters into a CSS linear() easing string you can paste straight into a transition.
## Facts
- Source: https://www.kvin.me/css-springs
- Category: Design Tools & Generators / CSS generators
- Author: Kevin Grajeda
- Licence: free
- Tags: css, spring, easing, animation
## Why it's a gem
Physics-parameter input rather than curve-dragging; matches how motion designers think.
---
Listed in The Vibeary: https://vibing.inc/library/css-spring-easing-generator-vg-0684 · JSON: https://vibing.inc/api/public/library/gems/css-spring-easing-generator-vg-0684