React Timeline Components

The root interaction shell for panning, zooming, selecting, and arranging tracks.

Timeline rows and optional DOM headers that size themselves from track state.

A delegated clip hit-test and edit layer for canvas-rendered timeline clips.

Scrub and marker interactions for moving through timeline time.

Accessible, full-height timeline range selector built on @base-ui/react for loop, export, or selection boundaries.

A timeline adapter that maps range scrollbar changes to pan and zoom state.

A timeline adapter that maps range scrollbar changes to vertical track scrolling.

A generic controlled range-window scrollbar primitive with an optional hook API.

An always-editable text input for timecode forms: users type seconds, m:ss, h:mm:ss, or frame text while your UI owns validation, labels, and apply behavior.

A read-first inline timecode control for dense editor chrome: it displays a stable value, opens TimecodeInput only while editing, and commits seconds plus RationalTime details.

Hooks for reading the TimelineEngine, state snapshot, and active layers.

Hooks for edit modes, typed commands, previews, range edits, selection, clipboard, and history.

Hooks for transport state, snapping, media synchronization, and clip playback effects.

Hook-first control adapters for Base UI sliders, viewport scrollbars, and constant-DOM clip navigation.