> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/welcome.md).

# Welcome

At Avonni, we believe every Salesforce user deserves powerful tools that are simple to use—our mission is to deliver that through thoughtfully designed pre-built UI components.

<a href="https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840&#x26;channel=recommended&#x26;other_source=AppExchange+Recommended" class="button primary" data-icon="up-right-from-square">Install the Components</a> <a href="/pages/7j5i1q4gnWSBUOYoYgzo" class="button secondary" data-icon="stars">Quickstart</a>

## Discover the Avonni Components for Experience Sites

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Explore Components</strong></td><td>Discover all the Avonni Components available for Experience Site</td><td></td><td><a href="/pages/CVo42qRjrhY61rKgIwwT">/pages/CVo42qRjrhY61rKgIwwT</a></td><td><a href="/files/YpUWUYuFnzjNI9AsiFSA">/files/YpUWUYuFnzjNI9AsiFSA</a></td></tr><tr><td><strong>Tutorials</strong></td><td>Learn how to use the Avonni Components in Actions.</td><td></td><td><a href="/pages/KrtBHcHo7Khgbr0AkKF5">/pages/KrtBHcHo7Khgbr0AkKF5</a></td><td><a href="/files/UEnNfRcOEI1YFjLFQmZH">/files/UEnNfRcOEI1YFjLFQmZH</a></td></tr><tr><td><strong>Use Cases</strong></td><td>Learn how to combine components to create complex use cases.</td><td></td><td><a href="#experience-cloud-components">#experience-cloud-components</a></td><td><a href="/files/j62AI9OKD4bIH8bxijFj">/files/j62AI9OKD4bIH8bxijFj</a></td></tr></tbody></table>

{% hint style="info" %}
The Avonni Components for Experience Site **are compatible with Aura and LWR Sites**. However, in Aura Sites, [slots](/experience-cloud/getting-started/learning-the-basics.md#understanding-slots) are not available.
{% endhint %}

Here's a guide to understanding our components based on their categorization:

* **Content Components (Green Icon)**: These components are centered around the content aspect of your interface, ensuring your message is delivered clearly and effectively.
* **Layout Components (Blue Icon)**: These components determine the structure of your interface, providing a framework that ensures both functionality and aesthetics work in harmony.
* **Data Components (Purple Icon)**: These components focus on presenting and interacting with data, enabling you to display and manage data efficiently and intuitively.
* **Other Components (Red Icon)**: This category encompasses components that serve specialized or miscellaneous purposes, catering to specific needs that may not fit within the primary categories.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/welcome.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.