# Overview

End-to-end use cases you can follow step by step to build real features in your Salesforce org. Each project combines multiple Avonni components with Salesforce automation to solve a concrete business problem — no code required.

{% hint style="success" %}

#### **New to Avonni?**

Start with the [**Live Call Board**](/projects/use-cases/live-call-board.md) — it's the most popular project and showcases what Dynamic Components can really do.
{% endhint %}

***

## Browse by Solution

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Dynamic Components</strong></td><td><a href="/files/klyojRLyl2Dm2RIhmRnJ">/files/klyojRLyl2Dm2RIhmRnJ</a></td><td><a href="/pages/CqBbGCqpmn3LfCnSenX3">/pages/CqBbGCqpmn3LfCnSenX3</a></td></tr><tr><td><strong>Flow Components</strong></td><td><a href="/files/QUQ1Jz5Kb6yCZ6thLz3w">/files/QUQ1Jz5Kb6yCZ6thLz3w</a></td><td><a href="/pages/bKnHkKdR8xRtHtJxfrSy">/pages/bKnHkKdR8xRtHtJxfrSy</a></td></tr><tr><td><strong>Experience Sites Components</strong></td><td><a href="/files/Kbwp0C8MhFHnmg9TLSyD">/files/Kbwp0C8MhFHnmg9TLSyD</a></td><td><a href="/pages/7c2vihA3k8caHWpypqNb">/pages/7c2vihA3k8caHWpypqNb</a></td></tr></tbody></table>

***

## Featured Projects

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th><select multiple><option value="wgJJ50RezBxh" label="Dynamic" color="blue"></option><option value="lW2HpTAFhdBz" label="Intermediate" color="blue"></option><option value="3txxWhoRuyvv" label="20 min" color="blue"></option><option value="bWhDJ4Zr6pAv" label="Beginner" color="blue"></option><option value="A3wKoalMHbbh" label="10 min" color="blue"></option><option value="Ap7sojc3G57z" label="Flow" color="blue"></option><option value="oZZ4WW4omw87" label="Advanced" color="blue"></option><option value="8wyxVogqL5Ja" label="30 min" color="blue"></option><option value="x0IUQagkEDvu" label="Experience Sites" color="blue"></option></select></th><th data-hidden><select></select></th><th data-hidden data-type="image"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><p><i class="fa-phone">:phone:</i></p><p><strong>Live Call Board</strong></p></td><td>See how platform events + flows turn a Data Table into a real-time collaborative workspace</td><td><span data-option="wgJJ50RezBxh">Dynamic, </span><span data-option="lW2HpTAFhdBz">Intermediate, </span><span data-option="3txxWhoRuyvv">20 min</span></td><td></td><td></td><td><a href="/pages/CrLY58U2j7w9i3XZu4et">/pages/CrLY58U2j7w9i3XZu4et</a></td></tr><tr><td><p><i class="fa-file-pdf">:file-pdf:</i></p><p><strong>Account PDF Viewer</strong></p></td><td>Display and annotate PDFs attached to any record directly from the record page.</td><td><span data-option="wgJJ50RezBxh">Dynamic, </span><span data-option="bWhDJ4Zr6pAv">Beginner, </span><span data-option="A3wKoalMHbbh">10 min, </span><span data-option="Ap7sojc3G57z">Flow</span></td><td></td><td></td><td><a href="/pages/qn5feOLBkQQvLZTEnNO5">/pages/qn5feOLBkQQvLZTEnNO5</a></td></tr><tr><td><p><i class="fa-briefcase">:briefcase:</i></p><p><strong>Case Import Wizard</strong></p></td><td>Build a guided multi-step wizard to import cases from CSV with validation.</td><td><span data-option="Ap7sojc3G57z">Flow, </span><span data-option="oZZ4WW4omw87">Advanced, </span><span data-option="8wyxVogqL5Ja">30 min</span></td><td></td><td></td><td><a href="/pages/MRGtnLVMxD1t6L4td8sG">/pages/MRGtnLVMxD1t6L4td8sG</a></td></tr><tr><td><p><i class="fa-sun">:sun:</i></p><p><strong>Contact Local Weather</strong></p></td><td>Pull live weather data from an external API and display it on Contact records.</td><td><span data-option="oZZ4WW4omw87">Advanced, </span><span data-option="Ap7sojc3G57z">Flow, </span><span data-option="wgJJ50RezBxh">Dynamic, </span><span data-option="8wyxVogqL5Ja">30 min</span></td><td></td><td></td><td><a href="/pages/kcNyJVjlLE4yZ3yfefMj">/pages/kcNyJVjlLE4yZ3yfefMj</a></td></tr><tr><td><p><i class="fa-map-pin">:map-pin:</i></p><p><strong>Building a MapCard</strong></p></td><td>Create a reusable map card for Experience Cloud with filters and record details.</td><td><span data-option="x0IUQagkEDvu">Experience Sites, </span><span data-option="bWhDJ4Zr6pAv">Beginner, </span><span data-option="A3wKoalMHbbh">10 min</span></td><td></td><td></td><td><a href="/pages/XmVbNKlSHBOE9k8zfJJl">/pages/XmVbNKlSHBOE9k8zfJJl</a></td></tr><tr><td><p><i class="fa-table">:table:</i></p><p><strong>Configuring the Data Table</strong></p></td><td>Master the Data Table on Experience Sites — columns, filters, inline edits.</td><td><span data-option="x0IUQagkEDvu">Experience Sites, </span><span data-option="A3wKoalMHbbh">10 min, </span><span data-option="bWhDJ4Zr6pAv">Beginner</span></td><td></td><td></td><td><a href="/pages/7lv0HK9VpCriTFHSx1Yz">/pages/7lv0HK9VpCriTFHSx1Yz</a></td></tr></tbody></table>


---

# 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/projects/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.