Image Block

Controls the block's horizontal space. Use a fixed value for a predictable footprint, `%` when the width should respond to the canvas or parent panel, or auto sizing when content or layout should decide the width.

Controls the block's vertical space. Height can be fixed, flexible, or constrained with minimum and maximum values when a block needs room to grow without getting too large or too small.

Keeps width and height connected so a block can scale without stretching. This is useful for images, shapes, and blocks that need to preserve a specific proportion.

Set the block's position on the canvas or inside a Free Panel. X controls horizontal placement; Y controls vertical placement. Positions can use fixed units or `%` values with anchors.

Move a block to common canvas positions, or use anchors to decide how the block lines up to a percent-based X or Y value.

Rotate the block or flip it horizontally or vertically without changing the block's content.

Lock a block to avoid accidental edits, or move it forward and backward when blocks overlap.

Assign a single color as the background of the block.

Use a linear, radial, or conic gradient. Gradients are built from stops, and each stop has a color and a position. Stops are ordered by position, so moving a stop changes how the colors blend across the block.

Linear and conic gradients also include an angle control.

Choose a pattern, then customize the colors it exposes. Some patterns also include a size control. Different patterns use different numbers of colors, so the available controls change after you choose a pattern.

Patterns are sourced from css-pattern.com.

Use simple border controls when the same color, thickness, line style, and corner radius should apply everywhere.

Open Advanced Border to edit sides and corners separately. Sides can have their own color, thickness, and line style. Corners can have their own radius.