---
title: BezierCurve
source: https://github.com/remix-run/remix/blob/remix@3.0.0-beta.3/packages/ui/src/animation/tween.ts#L60
---

# BezierCurve

## Summary

Cubic-bezier control points used by [`tween`](/api/remix/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.