App Builder Components

Drag-and-drop components for Lightning App Builder

Add data tables, kanban boards, calendars, and maps to your Lightning pages in minutes, all configured in the App Builder property panel.

Start freeRequest a Demo
17+
App Builder components
No code
property panel setup
85+
across the suite
What you add

The components App Builder was missing

Lightning App Builder ships with Salesforce's standard components. Avonni adds 17 more that drop onto record, app, and home pages: Data Table, Kanban, Calendar, Map, List, Timeline, Pivot Table, Metric, Gallery, Image, Video, Audio, Barcode, Alert, Progress Indicator, Tags, and Dynamic Component, which embeds a component built with Avonni Dynamic Components.

17+
drag-and-drop components
Name
Stage
Amount
Acme
Won
$4.2k
Globex
Open
$1.8k
Data Table
AB
Anna Bell
Account executive
CD
Carl Diaz
Sales manager
EF
Erin Fox
Solution engineer
List
Call logged
Email sent
Meeting booked
Timeline
Pipeline
$1.2M
▲12.4%
Metric
Kanban
Mon
Tue
Wed
Calendar
72%
Progress
Image List
JS
MK
RL
+2
Avatar Group
★★★★★
Rating
Chart
Account type▾
Customer
Partner
Prospect
Combobox
Browse all components
Configuration

Set up in the property panel you know

App Builder property panel configuring an Avonni AX Data Table component
✓
Object and field names
✓
Filter on page context
✓
Toggle inline editing
✓
Enable search with a click
✓
No code, no Apex

Components appear as AX components in the App Builder panel.

Explore Data Sources
Agent Skills

Not sure which component? Ask your AI assistant.

Claude, Cursor or Copilot reads the App Builder components catalog through the Avonni MCP server and tells you which component to drop on the page and how to set it up in the property panel. No guesswork, no code.

Shown in Claude desktop

One question. The right component.

Every App Builder component is documented in the Avonni MCP server. Your assistant answers with the component and its settings. You do the drag and drop.

Salesforce logo

Works with Claude, Cursor, Copilot, Gemini and Agentforce

Claude ⌄Avonni MCP server connected
Which component shows Cases by Status
on the Account page? How do I set it up?
✦
Let me check the App Builder catalog first.
Avonni MCPlist_componentslwc✓
Avonni MCPget_component_docsavonni-dd-kanban✓
✦
Use the Data Driven Kanban. Drop it on the Account record page, then in the property panel:
ObjectCaseGroup byStatusFilterIsClosed = falseCard titleSubject
Nothing changes in your org until you drop it on the page.
Reply to Claude…
Explore Agent Skills
Pick the right tool

Where App Builder 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.

Pick App Builder Components for a single table, calendar, or map on a page. Reach for Dynamic Components when pieces need to work together.

Compare with standard Salesforce components →
FAQ

Questions about App Builder components

Do I need to write code?

No. Everything is configured in the App Builder property panel with text fields and checkboxes. No Apex, no custom code.

Where do the components show up?

After installing, open Lightning App Builder and find them in the custom components section, labeled as AX components.

Can components on a page talk to each other?

App Builder components are standalone. If you need components to interact or share data, Dynamic Components are the better fit.

When should I pick these over Dynamic Components?

Choose App Builder components for quick, single additions to a page. Choose Dynamic Components for combined, interactive, or custom layouts.

What are the benefits of Lightning App Builder?

You build record, app, and home pages by pointing and clicking, with no code, using standard components from Salesforce, your own custom components, and components from partners. When the standard components don't show your data the way your team needs, a partner component fills the gap. That's what Avonni's 17 App Builder components are for.

How much does Lightning App Builder cost?

Lightning App Builder comes with Salesforce Lightning Experience, so there is nothing extra to buy for the builder itself. Avonni's App Builder components install from the AppExchange and start free with 10 production licenses and unlimited sandboxes. Paid plans start at $500 USD per month, billed annually.

Give your Lightning pages what they were missing

Add data tables, kanban, calendars, and maps to any Lightning page in minutes, configured in the property panel you already know.

Start freeRequest a Demo
Available on the AppExchange