# Product Tour

## Build Custom Salesforce UIs Without Code

The Avonni Dynamic Components App provides a robust, *no-code* alternative for creating custom, interactive experiences *directly on your Salesforce Lightning Pages*.

{% @arcade/embed flowId="5r5BhZIizg1rn1m6Dqh5" url="<https://app.arcade.software/share/5r5BhZIizg1rn1m6Dqh5>" %}

{% hint style="success" %}

#### Avonni Dynamic Components vs. Avonni Flow Components

Dynamic Components **are built&#x20;*****directly*****&#x20;for Lightning Pages**, offering superior layout control and faster page performance. They excel at UI customizations like enhanced related lists or reports where direct manipulation and speed are prioritized over Flow's process logic.&#x20;

<a href="/pages/6MPSoLMMCrry6n1gti0E" class="button secondary" data-icon="square-question">Learn about the differences between Dynamic & Flow Components</a>
{% endhint %}

## Getting Started (Quick Links)

{% content-ref url="/pages/SNMAyDAWw0B5vTIXtrZS" %}
[Installation & Licenses Management](/dynamic-components/getting-started/installation-and-licenses-management.md)
{% endcontent-ref %}

{% content-ref url="/pages/10UpC48n87IFNqBG3QR7" %}
[Quickstart Guide](/dynamic-components/getting-started/quickstart-guide.md)
{% endcontent-ref %}

{% content-ref url="/pages/uSlKppaYP3g8GPpWStKE" %}
[Broken mention](broken://pages/uSlKppaYP3g8GPpWStKE)
{% endcontent-ref %}

{% content-ref url="/pages/yIYjls9gKz1u6r6Ip10g" %}
[Explore All Components](/dynamic-components/components/explore-all-components.md)
{% endcontent-ref %}

{% content-ref url="/spaces/dHOej9Pd5IxJNGEJMZKW/pages/CqBbGCqpmn3LfCnSenX3" %}
[Overview](/projects/dynamic-components/overview.md)
{% endcontent-ref %}

### Deeper Exploration

{% content-ref url="/pages/6MPSoLMMCrry6n1gti0E" %}
[Dynamic vs. Flow Components](/dynamic-components/getting-started/dynamic-vs.-flow-components.md)
{% endcontent-ref %}

***

## Key Advantages: Speed, Simplicity, and Power

* **Native Reactivity**: Components update automatically based on user interactions and data changes – *no complex formulas required*.
* **Top-Notch Performance:** Experience near-instant loading times and a responsive user experience thanks to optimized component design.
* **Faster Development:** Dramatically reduce development time and costs compared to custom coding.
* **Empower Admins and Business Users:** Enable non-developers to create and customize Salesforce UIs.
* **Customize Styles:** Tailor the appearance to match your branding.

***

## Accessing the Avonni Dynamic Components App

Once you've installed the Avonni Components Package, finding it is simple:

1. Open the **App Launcher** in Salesforce (the nine-dot grid icon)
2. Type "Avonni" in the search bar
3. Click on **"Avonni Experiences"**

That's it—you're in!

{% embed url="<https://avonni.share.arcade.software/share/8Jn7NsPFt4GO05sl63LH>" %}

{% hint style="warning" %}
Make sure the [**Avonni Dynamic Components package is installed**](https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840\&channel=recommended) and you have the required permission sets assigned. See the [**Installation Page for details**](/dynamic-components/getting-started/installation-and-licenses-management.md).
{% endhint %}

*<mark style="color:blue;">**That’s it—you’re in!**</mark>*

***

## The Dynamic Components Home Page

The home page is your central hub for managing your Dynamic Components:

* **Create New Components:** Start building from scratch.
* **Manage Existing Components:** View, edit, and organize your components.

***

## The Component Builder: A Quick Look

The Component Builder is your visual design environment.&#x20;

<figure><img src="/files/EMvhdfwrfE7PVViHJRHp" alt=""><figcaption><p>Avonni Dynamic Component Builder Overview</p></figcaption></figure>

It features:

* **Canvas:** Drag and drop components.
* **Component Library:** Find all available components and fields.
* **Properties Panel:** Customize the selected component's settings.
* **Resources Panel:** Manage variables, constants, formulas, and queries.
* **Top Bar:** Undo/redo, access settings, preview, and save.

## Ready to dive in?

{% content-ref url="/pages/uSlKppaYP3g8GPpWStKE" %}
[Broken mention](broken://pages/uSlKppaYP3g8GPpWStKE)
{% endcontent-ref %}

## **Learn from the Community**

Join our [**Trailblazer Community Group**](https://trailhead.salesforce.com/trailblazer-community/groups/0F9KX000000iFxO0AU?tab=discussion\&sort=LAST_MODIFIED_DATE_DESC) to see what others are building with Dynamic Components. You'll find:

* Real-world examples and use cases
* Tips for optimizing component performance
* Solutions to common configuration challenges
* Inspiration for your next project

Whether you're just getting started or looking to push Dynamic Components to their limits, the community is full of builders eager to share what they've learned.


---

# 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/getting-started/product-tour.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.