Flow Screen Components

Take your Screen Flows to the next level

70+ drag-and-drop components that extend the standard Flow screen library. Configure visually, ship without code.

Start freeRequest a Demo
70+
Components
0
Lines of code
10
Free production licenses
The library

Every component, one screen away

The screen, built
Real screen flows.
The components your users see, dropped into the flow you already build.
One package
70+
drag-and-drop components
One install.
Every component below ships in a single managed package.
Data, shown well
Name
Stage
Amount
Acme
Won
$48k
Globex
Review
$21k
Initech
New
$12k
Records in context.
Tables, Kanban boards and timelines that fit the screen.
Data table

The data table Flow Builder never gave you.

25+ column types with inline editing, filtering, sorting and row actions. Users select and edit records in place, and the flow gets the results back.

See the Data Table on every surface →
Salesforce screen flow showing an Avonni data table with an amount being edited inline across two selected opportunity rows
Map

Put your records on the map.

Plot any set of records with custom markers and live geolocation. Users pick a place on the map and the flow gets the answer.

See the Map on every surface →
Salesforce screen flow showing an Avonni map with service location markers and an open popup for a Chicago service centre
Calendar

A real calendar, inside the flow.

Day, week and month views bound to your records. Users browse availability and pick a slot without leaving the screen.

See the Calendar on every surface →
Salesforce screen flow showing an Avonni calendar in week view with team events and an open slot ready to book
Combobox

Find the right record in two keystrokes.

Search any object with filters and a preview of each result. Cleaner than a lookup, faster than scrolling a table.

Salesforce screen flow showing an Avonni combobox searching contacts, with avatars and job titles in the results
Visual inputs

Beyond text boxes.

Visual pickers, color pickers, icon pickers, sliders and ratings. Capture structured answers with a tap instead of a free-text field.

Salesforce screen flow showing Avonni visual picker, colour picker, icon picker, slider and rating inputs on a shipping preferences screen
CSV parser

Mass intake, no data loader.

Users drop a CSV onto the screen and the parser turns it into records the flow can loop over. Bulk work becomes a screen, not an admin ticket.

Salesforce screen flow showing the Avonni CSV parser mapping spreadsheet columns to Salesforce contact fields with a preview table
Plus 60+ more
Kanban
Data Table
Timeline
Rating
Combobox
72%
Progress Circle
$1.2M
+12%
Metric
Date Picker
Tree
Color Picker
64
Slider
-
3
+
Counter
Explore the full component library
The Component Builder

Configure everything. Code nothing.

Every component opens in the built-in Component Builder: map your Salesforce data, tweak every property, and preview the result live before it ever reaches a user.

Avonni Calendar component configured in the Component Builder
The Avonni Calendar component, configured live in the Component Builder.
✓
Configure visually, preview live
✓
Map Salesforce data in clicks
✓
Conditional visibility built in
✓
Custom branding, zero CSS
✓
Works in any screen flow
Explore Data SourcesExplore Custom Branding
Why Avonni

Everything you need to ship better flows

The headline feature
70+
Components for every screen

Data tables, Kanban boards, maps, calendars, signature pads and more, all configured in the same builder.

20+
No-code interactions

Navigate, open modals, update records, straight from a click.

25+
Data table column types

Inline editing, filtering and row actions included.

10
Free production licenses

Plus unlimited sandbox use for your whole team.

No-Code Interactions

Every click can trigger an action

Attach 20+ ready-made interactions to any component. 0 lines of Apex, 0 extra flow elements.

Navigate anywhere

Send users to records, pages or the next flow screen.

Act on records

Update, upsert or delete selected records, then refresh queries.

Guide with dialogs

Open flow dialogs, confirmation modals and toasts in context.

Explore Interactions
Agent Skills

Describe the screen. Your AI assistant builds the flow.

Tell Claude, Cursor or Copilot what the screen should do. With the Avonni skill and MCP server, it picks real Flow Screen Components, writes the flow file with documented properties only, and validates it before you deploy.

Shown in Claude Code

One prompt. One screen flow.

The avonni-flow-components skill plans the screen, checks each component against the Avonni MCP server and validates the flow file. You review, then deploy.

Salesforce logo

Works with Claude, Cursor, Copilot, Gemini and Agentforce

claude — ~/salesforce/avonni-org
✻ Welcome to Claude Code!cwd: ~/salesforce/avonni-org
Build a screen flow to review open Cases and close the selected ones.
⏺ I'll check the real Flow Screen Components catalog before building.
⏺ avonni - list_components (MCP)(toolset: "flow")
75 components ✓
⏺ avonni - get_component_docs (MCP)(name: "datatable")
Properties and outputs loaded ✓
⏺ Skill(avonni-flow-components)
⏺ Bash(node scripts/create-flow.mjs)
force-app/main/default/flows/Review_Open_Cases.flow-meta.xml ✓
⏺ Bash(node scripts/validate-flow.mjs)
Flow valid: 1 screen, Data Table + Button ✓
⏺ Done. Reps pick the Cases in the table, then close them in one click. Nothing is deployed until you say so.
Try "deploy it to the sandbox"
? for shortcuts
Explore Agent Skills
Pick the right tool

Where Flow Screen Components fits in the Avonni lineup

The same components underneath. What changes is where you build, and who does the building.

Quick page additions

App Builder Components

One component, dropped straight onto a Lightning page.

Custom experiences

Dynamic Components

Several components assembled into one custom layout.

External sites

Experience Cloud Components

Portals and community sites, in your brand.

Guided processes

Flow Screen Components

Wizards and intake forms inside Flow Builder.

Your own code

LWC Components

The same components, as tags in your own code.

Most teams pair Flow Screen Components with Dynamic Components: pages for what users see, Flows for what they do.

Use cases

Screen Flows, in a real org.

Avonni Map in step 2 of a Salesforce screen flow: a roof outline drawn as a polygon on OpenStreetMap tiles, with drawing tools and a Save survey button
center
Screen Flows

Site survey inside a flow

A technician traces the roof on a live map, in step 2 of a screen flow, and the shape is saved as a file on the work order.

See the configuration
All use cases
FAQ

Common questions

Do I need to write code to use Avonni components?

No. Every component is configured visually in the built-in Component Builder, with a live preview. If you can build a screen flow, you can use Avonni.

Is the package security reviewed?

Yes. Avonni Flow Screen Components is distributed on the AppExchange and has passed the Salesforce security review. It installs as a managed package in minutes.

How does licensing work?

You get 10 free production licenses and unlimited sandbox use. Paid plans scale by users when you are ready to roll out to a larger team.

Does it work with my existing flows?

Yes. Avonni components are standard flow screen components: drop them into any existing screen flow next to the elements you already use.

How is this different from the base Flow screen library?

Avonni extends the base Lightning library with 70+ components: data tables with inline editing, Kanban boards, maps, calendars, signature capture and more, each with built-in interactions.

Ship your next Screen Flow with Avonni

Install from the AppExchange and build your first screen in minutes. 10 production licenses on us.

Start freeRequest a Demo
Available on the AppExchange