# 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="/spaces/dHOej9Pd5IxJNGEJMZKW/pages/28kzxyHEd0t8nNIQqO69#experience-cloud-components">/spaces/dHOej9Pd5IxJNGEJMZKW/pages/28kzxyHEd0t8nNIQqO69#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: 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/experience-cloud/welcome.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.