custom-easings-with-keyframes icon indicating copy to clipboard operation
custom-easings-with-keyframes copied to clipboard

🏃 Make custom non-cubic-bezier easing functions using the linear() easing function or keyframes and animations with this online css code generator.

Easy Easings | linear() easing generator & @keyframes editor | Make non-cubic-bezier easings in CSS

Netlify Status Cypress status

Make custom non-cubic-bezier easing functions using the linear() easing function or @keyframes and animations.

Use it here: https://easyeasings.mauri.app/

preview

Development

# Install dependencies
npm run i

# Run the app in develop mode
npm run dev

# Run the tests
npm run test:unit

# Run your end-to-end tests
npm run test:e2e

# Build the app
npm run build