Skip to main content
Text clips and solid color clips are native timeline clip types in Masterselects. Both are rendered on the GPU alongside video layers, so all 37 blend modes, 30 GPU effects, masks, and keyframe animations work the same way they do on any other clip.

​
Text clips

​
Creating a text clip

1

Position the playhead

Drag the playhead to the frame where you want the text to first appear.
2

Click + Text

Click the + Text button in the timeline toolbar. A 5-second text clip is added to the topmost video track.
3

Select the clip

Click the clip in the timeline to select it. The Properties Panel switches to the Text tab automatically.
4

Enter your text

Type in the text area. The preview updates within 50 ms as you type.
5

Style the text

Adjust font, size, weight, color, alignment, stroke, and shadow in the Text tab. See the sections below for all available controls.
Text clips display with a purple gradient in the timeline and show a T icon along with a preview of the first 20 characters.

​
Font controls

ControlDescriptionRange
FamilyGoogle Font selection50 fonts
SizeFont size in pixels8–500 px
WeightFont weight (auto-adjusted to the nearest weight the chosen font supports)100 (Thin) – 900 (Black)
StyleNormal or italicNormal / Italic

​
Available fonts

Fifty of the most popular Google Fonts are bundled, organized by category:
Roboto, Open Sans, Lato, Montserrat, Poppins, Inter, Oswald, Raleway, Nunito, Ubuntu, Rubik, Work Sans, Nunito Sans, Quicksand, Mulish, Barlow, Manrope, IBM Plex Sans, Source Sans 3, DM Sans
Playfair Display, Merriweather, Lora, PT Serif, Libre Baskerville, Bitter, EB Garamond, Crimson Text, Cormorant Garamond, Libre Caslon Text
Bebas Neue, Anton, Archivo Black, Righteous, Alfa Slab One, Bungee, Abril Fatface, Fredoka One, Titan One, Permanent Marker
Dancing Script, Pacifico, Caveat, Great Vibes, Sacramento
Roboto Mono, Source Code Pro, Fira Code, JetBrains Mono, Space Mono
Fonts are loaded from Google Fonts via CSS link injection at render time and are re-fetched when you reopen a saved project.

​
Color and alignment

ControlOptions
Fill colorColor picker + hex input
Horizontal alignLeft, Center, Right
Vertical alignTop, Middle, Bottom

​
Spacing

ControlRange
Line height multiplier0.5–3.0 (step 0.1)
Letter spacing−10 to 50 px

​
Stroke (outline)

Enable the Stroke checkbox in the Text tab, then configure:
ControlRange
Stroke colorColor picker
Stroke width0.5–20 px (step 0.5)

​
Shadow

Enable the Shadow checkbox, then configure:
ControlRange
Shadow colorColor picker
Offset X−50 to 50 px
Offset Y−50 to 50 px
Blur radius0–50 px

​
Solid color clips

Solid color clips fill the full composition frame with a single color. They are ideal for backgrounds, color mattes, and as a base layer for blending effects.

​
Creating a solid color clip

  1. Click the + Solid button in the timeline toolbar.
  2. A solid clip is added at the playhead position on the topmost video track.
  3. Select the clip and open the Solid tab in the Properties Panel.
  4. Use the color picker or enter a hex value to set the fill color.
Solid clips fill the entire composition resolution and cannot be cropped, but they can be scaled and positioned with the standard transform controls or in edit mode.
Layer a solid color clip below a text clip to create a title card background. Set the solid’s blend mode to Multiply or Screen to blend it with underlying video instead of covering it.

​
Positioning on the timeline

Text and solid clips behave identically to video clips on the timeline:
  • Move: Drag the clip body.
  • Trim: Drag the left or right edge.
  • Duplicate: Ctrl+C then Ctrl+V.
  • Snap: Clips snap to other clip edges and markers when snapping is enabled.
  • Track placement: Drop below all existing tracks to auto-create a new track.
Default duration is 5 seconds. Trim or extend to any length.

​
Animating text properties with keyframes

All standard transform properties on text clips are keyframeable:
PropertyAnimation use case
Position X / Y / ZFly text onto screen, scroll credits
Scale X / YPop-on reveal, zoom effect
Rotation X / Y / ZSpin or tumble in 3D
OpacityFade in / fade out
Effect parameters are also animatable on text clips — for example, animate the Blur effect amount to create a focus-pull reveal, or animate Hue Shift for color cycling.

​
Adding a keyframe to a text clip

  1. Expand the text clip’s track to show property lanes.
  2. Move the playhead to the start frame.
  3. Click the diamond icon (◇) next to Opacity (or any other property).
  4. Move the playhead to the end frame and set the target value.
See Keyframe animation for the full workflow, easing modes, and the bezier curve editor.

​
GPU rendering

Text clips use a hybrid rendering approach:
  1. Text is drawn to a 1920×1080 Canvas2D surface using the Canvas2D API.
  2. That canvas is imported as a GPU texture.
  3. The texture is composited in the WebGPU pipeline alongside all other layers.
This means every GPU feature — blend modes, effects, masks, and transforms — works on text the same way it does on video.

​
Related pages

Keyframe animation

Animate text position, opacity, scale, and effect parameters over time.

Timeline

Place, trim, and arrange text and solid clips alongside video tracks.

Build docs developers (and LLMs) love

Get started for freeTalk to us