React Timeline Editor


React Timeline Editor is a react component used to quickly build a timeline animation editor.

!example

Getting Started

``bash
npm install @bigbinary/react-timeline-editor
`

`ts
import { Timeline, TimelineEffect, TimelineRow } from '@bigbinary/react-timeline-editor';
import React from 'react';

const mockData: TimelineRow[] = [{
id: "0",
actions: [
{
id: "action00",
start: 0,
end: 2,
effectId: "effect0",
},
],
},
{
id: "1",
actions: [
{
id: "action10",
start: 1.5,
end: 5,
effectId: "effect1",
}
],
}]

const mockEffect: Record = {
effect0: {
id: "effect0",
name: "效果0",
},
effect1: {
id: "effect1",
name: "效果1",
},
};

const TimelineEditor = () => {
return (
editorData={mockData}
effects={mockEffect}
/>
);
};
``

Documentation

Checkout the Docs for a demonstration of some basic and advanced features.