# Overview

The Avonni Components App is the management hub inside Salesforce where you organize, version, and deploy your Dynamic Components. The Component Builder is where you build them; the Components App is where you keep them tidy, control which version is live, and manage your library as it grows.

***

## Builder vs. App

Two distinct surfaces with two distinct jobs.

<table><thead><tr><th width="199.3203125"></th><th>Component Builder</th><th>Avonni Components App</th></tr></thead><tbody><tr><td><strong>What it is</strong></td><td>A visual canvas for designing components.</td><td>A Salesforce app for managing them.</td></tr><tr><td><strong>Where you find it</strong></td><td>Opens when you click into a component.</td><td>Salesforce App Launcher → "Avonni Dynamic Components".</td></tr><tr><td><strong>Use it for</strong></td><td>Drag-and-drop, configure properties, wire up data and interactions.</td><td>Versioning, folders, deployment, cloning, sharing.</td></tr><tr><td><strong>Output</strong></td><td>A configured component definition.</td><td>A live, deployed component available on Lightning Pages.</td></tr></tbody></table>

***

## Open the App

In Salesforce, click the **App Launcher** (9-dot waffle icon, top-left), search for **Avonni Experience Components**, and open it. The app lands on the component list view, showing every Dynamic Component in your org.

{% hint style="info" %}
Pin the app to your Salesforce navigation bar to skip the App Launcher each time. Click the dropdown arrow next to the app name and select **Add to Nav Bar**
{% endhint %}

***

## Manage Component Versions

Every Dynamic Component carries a version history. New versions let you experiment without breaking what's already live, roll back if something goes wrong, and track how a component evolved over time.

| Action           | What it does                                                                                                          |
| ---------------- | --------------------------------------------------------------------------------------------------------------------- |
| **New Version**  | Creates an editable copy from the current active version. The active version stays live for end users while you work. |
| **Activate**     | Promotes a version to live. Lightning Pages start using it on next load.                                              |
| **View History** | Lists every version with its created date and author. Click any version to inspect or clone it.                       |
| **Deactivate**   | Takes the active version offline. Use sparingly — pages embedding the component will break.                           |

[**→ Working with Versions**](/dynamic-components/avonni-components-app/version-management.md) — full workflow with screenshots

## Organize with Folders

Folders let you group components by team, project, or use case. Good folder hygiene becomes essential once you pass a dozen or so components.

| Action             | What it does                                                                                         |
| ------------------ | ---------------------------------------------------------------------------------------------------- |
| **Create Folder**  | Spins up a new folder from the list view. Name it for the team, the page, or the use case it serves. |
| **Move Component** | Drag any component into a folder, or use the row action menu.                                        |
| **Nested Folders** | Organize folders inside folders for finer structure (e.g., **Sales** → **Pipeline Dashboards**).     |

[**→ Folder Management**](/dynamic-components/avonni-components-app/folders.md) — full setup and best practices

## Where to go next

| Page                                                                                                 | What's on it                                                         |
| ---------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| [**Component Builder Overview**](/dynamic-components/core-concepts/component-builder-overview.md)    | Tour of the visual design environment where components are built.    |
| [**Working with Versions**](/dynamic-components/avonni-components-app/version-management.md)         | Step-by-step on creating, activating, and rolling back versions.     |
| [**Folder Management**](/dynamic-components/avonni-components-app/folders.md)                        | How to set up and maintain a folder structure as your library grows. |
| [**Publising a Component**](/dynamic-components/core-concepts/publishing-your-dynamic-components.md) | Pushing a component live to a Lightning Page or Experience Site.     |

***


---

# 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://docs.avonnicomponents.com/dynamic-components/avonni-components-app/overview.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.