You can create a frame/mask with different shapes on images and videos in your Biteable project.

Using Frames / Masks

This guide will teach you how to add and adjust image/video frames in Biteable.

Step 1

Select the image or video to see the properties/options for the element.

Step 2

Click Add or Edit frame.

Step 3

The Adjust frame modal will open showing you options to apply a frame and set the frame background color.

Step 4

Resize the image to fit in the frame and drag the image to adjust the position.

Step 5

After you save the frame, it will be applied to your element. You can also make adjustments or remove the frame.

Step 6

You can adjust the color of the frame background (works best on transparent background png, webm, or avatars with transparent backgrounds).

Step 7

Saving a background change will apply your background color to the image frame/mask.

Total Steps: 7

Steps generated by StepHopper - Create interactive step-by-step guides

Updated on: 22/10/2025