# Bienvenido

En Avonni, creemos que cada usuario de Salesforce merece herramientas potentes y sencillas de usar: nuestra misión es ofrecer eso mediante componentes de interfaz preconstruidos diseñados con cuidado.

<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">Instalar los Componentes</a> <a href="primeros-pasos/guia-de-inicio-rapido" class="button secondary" data-icon="stars">Inicio Rápido</a>

## Descubre los Componentes de Avonni para Sitios Experience

<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>Explorar Componentes</strong></td><td>Descubre todos los Componentes de Avonni disponibles para Sitios Experience</td><td></td><td><a href="experience-components/ver-todos-los-componentes">ver-todos-los-componentes</a></td><td><a href="https://567120047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FxkrI8UTEQFCNzbif54US%2Fnew%20Deisnger%20(5).png?alt=media&#x26;token=8b380954-b3de-43f7-b660-2a8608672908">new Deisnger (5).png</a></td></tr><tr><td><strong>Tutoriales</strong></td><td>Aprende a usar los Componentes de Avonni en Acciones.</td><td></td><td><a href="tutoriales/componentes">componentes</a></td><td><a href="https://567120047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FVeWgXTdBffgsuuYQvQGq%2Fnew%20Deisnger%20(6).png?alt=media&#x26;token=42c015c6-1066-4e6c-87a3-68c5f20674a9">new Deisnger (6).png</a></td></tr><tr><td><strong>Casos de Uso</strong></td><td>Aprende a combinar componentes para crear casos de uso complejos.</td><td></td><td><a href="https://app.gitbook.com/s/dHOej9Pd5IxJNGEJMZKW/#experience-cloud-components">experience-cloud-components</a></td><td><a href="https://567120047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FF41C3qtzkKCspZGfzHpR%2Fnew%20Deisnger%20(7).png?alt=media&#x26;token=0598ad3e-6d5f-4788-b5a1-23ec25c2b6f2">new Deisnger (7).png</a></td></tr></tbody></table>

{% hint style="info" %}
Los Componentes de Avonni para Sitios Experience **son compatibles con Sitios Aura y LWR**. Sin embargo, en Sitios Aura, [ranuras](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/primeros-pasos/aprender-lo-basico#understanding-slots) no están disponibles.
{% endhint %}

Aquí tienes una guía para entender nuestros componentes según su categorización:

* **Componentes de Contenido (Icono Verde)**: Estos componentes se centran en el aspecto del contenido de tu interfaz, asegurando que tu mensaje se transmita de forma clara y efectiva.
* **Componentes de Diseño (Icono Azul)**: Estos componentes determinan la estructura de tu interfaz, proporcionando un marco que garantiza que la funcionalidad y la estética trabajen en armonía.
* **Componentes de Datos (Icono Morado)**: Estos componentes se enfocan en presentar e interactuar con datos, permitiéndote mostrar y gestionar datos de manera eficiente e intuitiva.
* **Otros Componentes (Icono Rojo)**: Esta categoría abarca componentes que sirven propósitos especializados o diversos, atendiendo necesidades específicas que pueden no encajar dentro de las categorías principales.