DOCS

VideoFrame Developer Hub

If you're a developer and you want to make changes to VideoFrame, you can get the source code for all components here. Just create a new code file in your Framer project for each component.

Note: If you use the components' code in your project instead of copying the components normally, you will not be able to recieve future updates without returning here and re-copying the code into your project.

Shared VideoFrame Component Code:

This file must be added to your project for other VideoFrame components to work. It contains functions that are used by other components. If this code is not in a file named "VideoFrameShared.tsx" in your project, many of the other components will display errors because they rely on the functions in this file existing to work properly.

VideoFrameShared.tsx

Copy

Copy

VideoFrame Component Code:

Each of these files contains a component from VideoFrame.

VideoFrame.tsx

Copy

Copy

VideoButton.tsx

Copy

Copy

SpeedSelector.tsx

Copy

Copy

ProgressBar.tsx

Copy

Copy

VideoLabel.tsx

Copy

Copy

VolumeSlider.tsx

Copy

Copy