# Free Panel

Use a Free Panel when blocks should move together while their children keep canvas-style positioning inside the panel. Add one from the left sidebar, then drag blocks into it or use the reparent control.

## Common properties

Most blocks share these controls in the right sidebar. Selecting a child also shows controls for its parent layout.

| Property | Details |
| --- | --- |
| Size | Width can be fixed, percentage-based, or automatic. Height can be fixed, flexible, or constrained by minimum and maximum values. Lock the aspect ratio to preserve proportions. Size values support variables. |
| Arrange | X and Y position blocks on the canvas or inside Free Panels, using fixed values or percentage anchors. Alignment controls place blocks at common positions. Rotate, flip, lock, or change the layer order. |
| Background | Choose a solid color, a linear, radial, or conic gradient, or a pattern. Colors support variables. Gradient stops have colors and positions and are sorted by position; linear and conic gradients also have an angle. Pattern colors and size support variables, with controls varying by pattern. |
| Border | Simple mode shares color, thickness, style, and radius across all sides. Advanced mode sets each side's color, thickness, and style and each corner's radius independently. |
| Shadow | Add layers of regular shadow, inner shadow, or glow, subject to the block-specific limits below. |

Canvas and block backgrounds are separate: transparent areas reveal the parent or canvas. Patterns are based on [CSS Pattern](https://css-pattern.com/). See [Sizing and positioning](/template-editor/advanced/sizing-positioning/) for sizing modes and position anchors.

## Block-specific properties

| Property | Details |
| --- | --- |
| Padding | Space between the panel edge and its children. Simple mode shares an inset; Advanced mode sets each side independently. Padding is separate from gaps and child margins. |
| Overflow | Clip content or let it show outside the panel. |
| Child positioning | Children use X and Y positions inside the panel. |
| Reparenting | Move existing blocks into or out of the panel. |

See [Advanced panels](/template-editor/advanced/panels/) for help choosing and combining panel types.

## Templated content

Many properties can use [variables](/template-editor/variables/) to assign their value when each image is created. Variables can be required, ignored, or given a fallback value. Pass values in `template_values` when rendering the template.