https://github.com/gre/bezier-easing-editor

Cubic Bezier Curve editor made with React & SVG
https://github.com/gre/bezier-easing-editor

Last synced: about 2 months ago
JSON representation

Cubic Bezier Curve editor made with React & SVG

• Host: GitHub
• URL: https://github.com/gre/bezier-easing-editor
• Owner: gre
• License: mit
• Created: 2015-03-28T22:25:15.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2022-05-05T16:09:21.000Z (about 3 years ago)
• Last Synced: 2025-03-28T20:06:10.310Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://gre.github.io/bezier-easing-editor/example/
• Size: 885 KB
• Stars: 340
• Watchers: 9
• Forks: 40
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
bezier-easing-editor

====================

Cubic Bezier Curve editor made with React & SVG.

[![](https://nodei.co/npm/bezier-easing-editor.png)](https://www.npmjs.com/package/bezier-easing-editor)

## Example

[(click to open)

![](https://cloud.githubusercontent.com/assets/211411/6906945/5678cf8a-d732-11e4-8439-9587271a4406.png)

](http://gre.github.io/bezier-easing-editor/example/)

Controlled / Uncontrolled Component

-----

`bezier-easing-editor` allows to be **Controlled**:

you have to provide `value` and an `onChange` handler

to enable the edition.

```jsx

 this.setState({ val })} />

```

`bezier-easing-editor` allows to be **Uncontrolled**:

just define a `defaultValue`:

```jsx

```

See also

--------

- [`bezier-easing`](https://github.com/gre/bezier-easing)