DualStream Docs
Layers

Layer Properties

Transform, position, resize, rotate, and style any layer using the Inspector Panel.

Every layer has a set of properties you can modify using the Inspector Panel on the right side of the viewport. Select any layer to see its properties.

Inspector Tabs

The Inspector Panel has up to four tabs depending on the selected layer type:

TabWhat It Controls
LayoutPosition, size, rotation, corner radius, opacity
PropertiesSource-specific settings (URL, font, device, playback)
EffectsPer-layer effects (shadow, glow, border, chroma key)
AudioVolume, mute, gain (only for sources with audio tracks)

Transform (Layout Tab)

Position

Adjust X (horizontal) and Y (vertical) coordinates in the Inspector, or drag the layer directly on the canvas. Snap guides appear automatically when edges or centers align with other layers or the canvas boundary.

Dimensions

Width (W) and Height (H) values control the layer size. Resize from the canvas using bounding box handles. Hold Alt to resize from the center.

Aspect Ratio

The lock icon between W and H toggles proportional resizing. When locked, changing one dimension scales the other to match. When unlocked, you can stretch freely.

Rotation

Enter a degree value in the rotation field, or hover just outside the layer's bounding box on the canvas until the rotation cursor appears, then click and drag. Hold Shift to snap to 15° increments.

Layer Flip

Flip a layer horizontally or vertically using the flip icons in the Layout tab. Useful for mirroring webcam feeds.

Corner Radius

Round any layer's corners by entering a pixel value or dragging the corner handles visible inside the selected layer. For independent corners, click the Individual Corners icon, or hold Alt while dragging on the canvas.

Opacity

Adjust transparency with the opacity slider or text field. Default is 100%.

Per-Layer Effects (Effects Tab)

The Effects tab provides GPU-accelerated effects applied directly to the selected layer:

  • Blur — Gaussian blur with configurable intensity
  • Chroma Key — Green/blue screen removal with fine-tuning (camera sources)
  • Border — Configurable width, color, and style
  • Drop Shadow — Offset, blur, opacity, color
  • Glow — Inner or outer glow with size, intensity, color

Effects can be stacked and each has its own toggle to enable/disable without removing settings.

Crop

Select a layer and use the Crop tool in the toolbar above it to define the visible area. Drag the handles to adjust. Cropping is non-destructive — use Reset Crop to restore the original.

Last updated on

On this page