# Home Panel

**Home** is a scrollable workspace made of **modules**. You can show or hide modules, choose **Button**, **Column**, or **Hidden** for many modules, and reorder modules on the Home screen. To rearrange, hover near a module corner until a **hand cursor** appears, then drag and drop the module to a new position.

## Anchor and null

**Anchor (9-point grid)**\
Select one or more layers, then click a point to set the anchor.

**Additional options (checkboxes next to the grid)**

* **Lock anchor point:** The anchor stays fixed; the **layer moves** relative to it.
* **Ignore mask:** Masks are ignored while repositioning the anchor (useful for text and other masked layers).

**Null (8 outer points + center)**\
Select layers, then click a corner, edge midpoint, or center to create a **parent null** at that anchor position.

* **Alt / Option + click** on a null button: create a **3D** null.
* **Layer parent:** When enabled, each selected layer gets its **own** parenting null (with optional group null behavior per your project rules in ExtendScript).
* **Preserve parent:** Layers that already have a parent are **not** reparented; others parent to the new null.

## Ease slider

Use with **keyframes selected**.

**Ease out / Ease in**

* Numeric fields **0–100** for ease amount, or drag the **Ease Out** and **Ease In** sliders.
* **Lock slider:** When enabled, ease in and ease out stay **linked** to the same value.

**Key interpolation buttons (center row)**

* **Hold key**
* **Liner key** (tooltip spelling in app; **linear** interpolation)
* **Bezier key**
* **Rove key:** Normal click applies rove; **Alt / Option + click** **removes** rove per tooltip.

## Ease curve and overshoot

This module has two tabs:

1. **Ease Curve** — curve-based easing editing.
2. **Overshoot** — overshoot-style curves.

Use these for finer motion than the linear sliders alone.

**How to operate Ease Curve**

1. Select the keyframes or properties you want to affect.
2. Open **Home → Ease Curve tab → Ease Curve**.
3. Shape the curve by dragging the two bezier handles in the graph, or enter exact values in **X1, Y1, X2, Y2**.
4. Apply using one of the three buttons: **Apply Ease Out**, **Apply Easy Ease**, or **Apply Ease In**.

**Ease Curve controls (what each option means)**

* **Curve graph:** Visual bezier editor for timing shape. Drag control points to change acceleration/deceleration.
* **X1 / Y1 / X2 / Y2:** Numeric bezier control-point values (0 to 1). Use these for precise matching between shots.
* **Apply Ease Out:** Applies the current curve as outgoing ease.
* **Apply Easy Ease:** Applies the current curve as both in and out ease.
* **Apply Ease In:** Applies the current curve as incoming ease.
* **Preset thumbnails:** Click to load a curve preset into the editor; double-click to apply that preset immediately.
* **Read Ease Out / Read Easy Ease / Read Ease In:** Reads the selected key’s current temporal easing into the editor for refinement.
* **Copy To Clipboard:** Copies current curve values so you can paste/share exact numbers.
* **Add New Preset:** Saves the current curve or create a new curve as a new ease preset.

**How to operate Overshoot**

1. Select the keyframes or properties you want to affect.
2. Open **Home → Ease Curve tab → Overshoot**.
3. Choose mode and options, adjust values while watching the graph preview, then click **Apply**.

**Overshoot options (what each control means)**

* **Bounce (toggle):** Switches mode from standard overshoot to bounce-style motion.
* **Snap Frm (toggle):** Quantizes timing to frame boundaries for cleaner, frame-locked results.
* **Pin Land (toggle):** Pins the final landing so the end value is held cleanly (disabled when **Bounce** is on).
* **Amp (pt):** Overshoot amount/intensity. Higher values push farther past the target.
* **Dur (s):** Total overshoot/bounce duration in seconds.
* **Freq (c):** Number of oscillation cycles within the duration. Higher values create faster, denser oscillation.
* **Decay (%):** Damping amount for overshoot/bounce oscillation. **0% = least damping** (longest ringing), **100% = strongest damping** (fastest settling).
* **Ease (%):** Ease influence on the overshoot envelope/shape.
* **Boost (x):** Elastic multiplier for extra springiness.

## Quick palette on Home

A compact **palette strip** tied to the full **Palette** system: pick colors from the active palette and apply them to the selection (with fill/stroke behavior from the linked **Color apply** controls). Edit the palette from here via the palette UI (add/remove colors, etc., as shown in the panel).

## Layer organizer — randomize and arrange

**Randomize**

* **Min** and **Max** values define a range.
* **Use frame/second** toggle: interpret values as **frames** or **seconds**.
* **Randomize** button: offsets selected layers in time within that range.

**Arrange**

* **Offset value:** Steps layers by this offset (same frame/second mode).
* **Arrange** button: sequential stagger in layer order.

**Layer organizer — curve mode (advanced)**

When this block is shown, you can work with a **curve** over the comp or a time range: options include applying over **Duration**, **Range**, or **Comp duration**, with **reverse** and **mirror**, and **frame vs second** operation types. Use it when you want non-linear staggering; exact behavior follows the on-screen controls and composition readout.

## Key organizer

Opens as a **column** or as a **Key Organizer** modal from the tool row, depending on your Home layout.

| Control                                | Behavior                                                                                                                               |
| -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
| **Move key to layer in point**         | Moves the **first** key of the selection to each layer’s **in point** (grouped). **Alt / Option:** per-layer **individual** alignment. |
| **Move key to layer out point**        | Moves the **last** key to each layer’s **out point**; **Alt / Option** = individual layers.                                            |
| **Move first key to current time**     | First key to the **playhead**; **Alt / Option** = individual layers.                                                                   |
| **Move last key to current time**      | Last key to the **playhead**; **Alt / Option** = individual layers.                                                                    |
| **Align first keys to layer in point** | Aligns first keys to **in points** while keeping relative spacing **within each property**.                                            |
| **Align last keys to layer out point** | Same for **out points**.                                                                                                               |
| **Align first keys to current time**   | Aligns first keys to the **playhead** per property group.                                                                              |
| **Align last keys to current time**    | Aligns last keys to the **playhead** per property group.                                                                               |

## Key cloner (clone / reverse clone)

**Number of clone (Repeat)** — how many copies of the key pattern.\
**Interval method:** **Auto**, **Seconds**, or **Frames**.\
**Clone interval** — spacing between clones (disabled when method is **Auto**).\
**Clone selected keys** / **Reverse clone selected keys** — duplicate the selection forward or in reversed order with the given spacing.

## Shape tools

| Tool                 | Tooltip summary                                               |
| -------------------- | ------------------------------------------------------------- |
| **Convert**          | Convert vector layers to shape layers.                        |
| **Expand**           | Expand a complex shape group into **separate** shape layers.  |
| **Combine**          | Combine multiple shape layers into **one**.                   |
| **Remove art board** | Remove Illustrator artboard-bound artifacts after conversion. |
| **Circle**           | New circle; **Shift** = create as **path**.                   |
| **Square**           | New square; **Shift** = create as **path**.                   |

## Text split

1. Select one or more **text** layers.
2. Optional: **Convert box text to point text** (checkbox).
3. **Split method:** **By character**, **By word**, **By line**, or **Custom**.
4. For **Custom**, type the **custom word or character** in the field.
5. Click **Split**.

Box text can behave unexpectedly; converting to point text first is often safer.

## Stroke properties

For suitable shape and text layers:

**Caps / joins**

* **Butt cap**, **Round cap**, **Projecting cap**
* **Miter join**, **Round join**, **Bevel join**

**Stroke alignment**

* **Align center**, **Align outside**, **Align inside**

**Stroke on/off**

* **Enable stroke** / **Disable stroke**

**Maintain stroke width**

* **Enable** / **Disable** — when enabled, scaling the shape adjusts stroke so **visual width** stays more consistent.

**Stroke width**

* **Stroke width value** field and **Stroke width** control apply a width to shape and text strokes as supported by the host API.

## Bounding mask, bounding shape, dynamic text box

* **Offset mask/shape** — padding around the layer bounds (numeric offset).
* **Create bounding mask** — rectangular mask around selection.
* **Create bounding shape** — rectangular shape around selection.
* **Create dynamic text box** — builds a **responsive text box** setup from a text layer; adjust margin with the **offset slider** on the generated shape layer.

## Organize project

Single **Organize project** control: sorts project items into folders whose **names** are configured under **Settings → Organizer** (master folder, compositions, media subfolders, solids/nulls, etc.). Select items you want to **exclude** from organization when the script supports skipping selection.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mographfactory.gitbook.io/mute-docs/home/features/home-panel.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.