Logoreact-timeline-editor

Introduction

A high-performance, customizable timeline editor for React.

React Timeline Editor

A powerful React-based component library for quickly building comprehensive timeline animation and video editors.

Credits: This package is built on top of and derived from the excellent work by @xzdarcy/react-timeline-editor. Full credit for the original fundamental engine and architecture goes to @xzdarcy. This version by @keplar-404 is a heavily extended fork introducing major custom capabilities.

Core Capabilities

  • Scalability: High-performance rendering for thousands of action blocks.
  • Precision: Built-in support for zooming and snapping to flexible grid intervals.
  • Independent Engine: The engine logic is cleanly separated from the React DOM for headless use.

New Fork Features

  • Row Drag Sorting: Native ability to drag and reorder entire track rows vertically.
  • Cross-Row Dragging: Move action blocks seamlessly between different tracks with ghost previews.
  • Cut Block Mechanism: A built-in "Blade" tool to slice and split timeline actions dynamically.
  • Transport Controls: Pre-built UI components for Play, Pause, Seek, and Loop regions.

Advanced Feature Highlights

On this page