> 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/flow/welcome.md).

# Welcome

Screen flows that do more than collect a form: over seventy components made for Screen Flows, wired to your Flow variables.

<button type="button" class="button primary" data-action="ask" data-icon="gitbook-assistant">What do you want to build?</button>

<a href="https://appexchange.salesforce.com/appxListingDetail?listingId=a0N4V00000IDsfbUAD" class="button primary" data-icon="up-right-from-square">Install the Components</a> <a href="/flow/getting-started/quickstart-guide.md" class="button secondary" data-icon="stars">Quickstart</a> <a href="/flow/build-with-ai/overview.md" class="button secondary" data-icon="wand-magic-sparkles">Build with AI</a>

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FrIOzg26we74H5c8kTIyu%2Fwelcome-pivot-on-a-flow-screen.png?alt=media" alt="A Pivot Table on a flow screen, cross-tabulating pipeline by opportunity type and stage, with subtotals per group and a grand total row."><figcaption><p>A Pivot Table on a flow screen, with its subtotals and its grand total.</p></figcaption></figure>

***

<h3 align="center">Start here</h3>

<p align="center">Three pages, in order, and you have an Avonni component running on a flow screen.</p>

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4><i class="fa-rocket">:rocket:</i></h4></td><td><h4>Quickstart Guide</h4></td><td>Add your first Avonni component to a screen flow, start to finish.</td><td><a href="/flow/getting-started/quickstart-guide.md">Quickstart Guide</a></td></tr><tr><td><h4><i class="fa-compass">:compass:</i></h4></td><td><h4>Learn the Basics</h4></td><td>How a component reads and writes your Flow variables, and how screens follow each other.</td><td><a href="/flow/getting-started/learn-the-basics.md">Learn the Basics</a></td></tr><tr><td><h4><i class="fa-pager">:pager:</i></h4></td><td><h4>Component Builder</h4></td><td>The properties panel, the data sources, and the interactions a component can trigger.</td><td><a href="/flow/component-builder/overview.md">Overview</a></td></tr></tbody></table>

***

<h3 align="center">What you can build</h3>

<p align="center">Every component is configured in the Component Builder, inside the Flow Builder, and reads the data you point it at.</p>

<table data-view="cards"><thead><tr><th></th><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><h4>Data Table</h4></td><td>Group rows, sort, filter, edit inline, and collect a file on each row, without leaving the screen.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FJ6TNNSNGOUnvat8NDe7j%2Fwelcome-data-table.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FJ6TNNSNGOUnvat8NDe7j%2Fwelcome-data-table.png?alt=media</a></td><td><a href="/flow/flow-components/data-table.md">Data Table</a></td></tr><tr><td><h4>Pivot Table</h4></td><td>Cross-tabulate records into grouped rows and columns, with subtotals and a grand total.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FMsKsbZkYgnZvRNua4xvR%2Fwelcome-pivot-table.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FMsKsbZkYgnZvRNua4xvR%2Fwelcome-pivot-table.png?alt=media</a></td><td><a href="/flow/flow-components/pivot-table.md">Pivot Table</a></td></tr><tr><td><h4>Calendar</h4></td><td>Month, week or day views of any records that carry a date, on a flow screen.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FUyxE4W6YjMjMgpZWBVLe%2Fwelcome-calendar.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FUyxE4W6YjMjMgpZWBVLe%2Fwelcome-calendar.png?alt=media</a></td><td><a href="/flow/flow-components/calendar.md">Calendar</a></td></tr><tr><td><h4>Kanban</h4></td><td>Columns, swimlanes and totals, so a step of your flow can be a board.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FWwJqGau4vscZ5RbQTZy0%2Fwelcome-kanban.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FWwJqGau4vscZ5RbQTZy0%2Fwelcome-kanban.png?alt=media</a></td><td><a href="/flow/flow-components/kanban.md">Kanban</a></td></tr><tr><td><h4>Map</h4></td><td>Plot records from their address, and let the user pick one to carry into the next screen.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FVgxuPvPl7WxenaFO6HJt%2Fwelcome-map.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FVgxuPvPl7WxenaFO6HJt%2Fwelcome-map.png?alt=media</a></td><td><a href="/flow/flow-components/map.md">Map</a></td></tr><tr><td><h4>List</h4></td><td>A sortable, actionable list of records, with the fields and the avatars you choose.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FiN38pQ8K5t37LISSBpjn%2Fwelcome-list.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FiN38pQ8K5t37LISSBpjn%2Fwelcome-list.png?alt=media</a></td><td><a href="/flow/flow-components/list.md">List</a></td></tr></tbody></table>

<p align="center"><a href="/flow/flow-components/explore-all-flow-screen-components.md" class="button secondary" data-icon="grid-round-2-plus">Explore all components</a></p>

***

<h3 align="center">Build it with an AI assistant</h3>

<p align="center">Describe the screen you want in plain language. Your assistant looks up the real component catalog through the Avonni MCP server, then builds it.</p>

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4><i class="fa-wand-magic-sparkles">:wand-magic-sparkles:</i></h4></td><td><h4>Setup</h4></td><td>Install the Avonni Skills and connect the MCP server to your assistant, once.</td><td><a href="/flow/build-with-ai/setup.md">Setup</a></td></tr><tr><td><h4><i class="fa-list-check">:list-check:</i></h4></td><td><h4>Prompt Library</h4></td><td>Copy-paste prompts organized by goal, from a single screen to a full wizard.</td><td><a href="/flow/build-with-ai/prompt-library.md">Prompt Library</a></td></tr><tr><td><h4><i class="fa-circle-question">:circle-question:</i></h4></td><td><h4>Limitations &#x26; FAQ</h4></td><td>What the server and the skills do not cover, and fixes for common setup problems.</td><td><a href="/flow/build-with-ai/limitations-and-faq.md">Limitations &amp; FAQ</a></td></tr></tbody></table>

***

<h3 align="center">See it built</h3>

<p align="center">Projects built end to end in a real org, with the screenshots and the configuration behind each one.</p>

<table data-view="cards"><thead><tr><th></th><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><h4>Inside a screen flow</h4></td><td>Flow screens that capture a drawing, a signature, a slot or a CSV file.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FLFdoU1s53XVhKhobev4u%2Fprojects-inside-a-flow.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FLFdoU1s53XVhKhobev4u%2Fprojects-inside-a-flow.png?alt=media</a></td><td><a href="https://docs.avonnicomponents.com/projects/use-cases/inside-a-flow">https://docs.avonnicomponents.com/projects/use-cases/inside-a-flow</a></td></tr><tr><td><h4>Boards and pipelines</h4></td><td>Kanban boards, dispatch timelines and live walls, where a drag is a real update.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FR1FmmTefuVGqV9ZoAFim%2Fprojects-boards-and-pipelines.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FR1FmmTefuVGqV9ZoAFim%2Fprojects-boards-and-pipelines.png?alt=media</a></td><td><a href="https://docs.avonnicomponents.com/projects/use-cases/boards-and-pipelines">https://docs.avonnicomponents.com/projects/use-cases/boards-and-pipelines</a></td></tr><tr><td><h4>Portals and partner sites</h4></td><td>Experience site pages for the people who are not in your org, flows included.</td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FIyQU8ZgGxw9ftqXprFC3%2Fprojects-portals-and-partner-sites.png?alt=media">https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FIyQU8ZgGxw9ftqXprFC3%2Fprojects-portals-and-partner-sites.png?alt=media</a></td><td><a href="https://docs.avonnicomponents.com/projects/use-cases/portals-and-partner-sites">https://docs.avonnicomponents.com/projects/use-cases/portals-and-partner-sites</a></td></tr></tbody></table>

***

<h3 align="center">Keep going</h3>

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4><i class="fa-arrow-down-to-bracket">:arrow-down-to-bracket:</i></h4></td><td><h4>Installation &#x26; Licenses</h4></td><td>Install the package, assign the licenses and the permission set.</td><td><a href="/flow/getting-started/installation-and-licenses-management.md">Installation &amp; Licenses management</a></td></tr><tr><td><h4><i class="fa-code-compare">:code-compare:</i></h4></td><td><h4>Flow vs. Dynamic Components</h4></td><td>When a screen flow is the right home, and when the page itself is.</td><td><a href="/flow/getting-started/flow-vs.-dynamic-components.md">Flow vs. Dynamic Components</a></td></tr><tr><td><h4><i class="fa-desktop">:desktop:</i></h4></td><td><h4>Flow Components in Experience Sites</h4></td><td>Run the same screen flows on a portal, for people outside your org.</td><td><a href="/flow/getting-started/using-the-avonni-flow-screen-components-in-experience-cloud.md">Flow Components in Experience Sites</a></td></tr><tr><td><h4><i class="fa-life-ring">:life-ring:</i></h4></td><td><h4>Support &#x26; Troubleshooting</h4></td><td>Answers to the questions we get most, and how to reach the team.</td><td><a href="/flow/help/support-and-troubleshooting.md">Support &amp; Troubleshooting</a></td></tr></tbody></table>

To contact us directly, email <flowcomponents@avonni.app>.


---

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