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

# BezierCurve

## Summary

Cubic-bezier control points used by [`tween`](/api/remix-run/ui/animation/function/tween/).

## Signature

```ts
interface BezierCurve {
  x1: number
  x2: number
  y1: number
  y2: number
}

```

## Properties

### `x1`

First control point x coordinate.

### `x2`

Second control point x coordinate.

### `y1`

First control point y coordinate.

### `y2`

Second control point y coordinate.