---
title: "easings"
source: "https://github.com/remix-run/remix/blob/main/packages/ui/src/animation/tween.ts#L75"
---

# easings

## Summary

Common cubic-bezier presets for [`tween`](/api/remix-run/ui/animation/function/tween/).

## Signature

```ts
const easings: { ease: { x1: 0.25; x2: 0.25; y1: 0.1; y2: 1 }; easeIn: { x1: 0.42; x2: 1; y1: 0; y2: 1 }; easeInOut: { x1: 0.42; x2: 0.58; y1: 0; y2: 1 }; easeOut: { x1: 0; x2: 0.58; y1: 0; y2: 1 }; linear: { x1: 0; x2: 1; y1: 0; y2: 1 } }
```