Skip to content
Cubic Bezier Curve editor made with React & SVG
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.
example update libs May 25, 2017
src update libs May 25, 2017
.gitignore update project to latest libs & better build approach Nov 19, 2016
LICENSE Fixes license file Jan 27, 2019 Update Mar 30, 2015
package.json v0.8.0 Jan 27, 2019


Cubic Bezier Curve editor made with React & SVG.


(click to open)

Controlled / Uncontrolled Component

bezier-easing-editor allows to be Controlled: you have to provide value and an onChange handler to enable the edition.

<BezierEditor value={this.state.val} onChange={val => this.setState({ val })} />

bezier-easing-editor allows to be Uncontrolled: just define a defaultValue:

<BezierEditor defaultValue={[0.2, 0.2, 0.8, 0.8]} onChange={console.log.bind(console)} />

See also

You can’t perform that action at this time.