Create modern Salesforce pages with 20+ pre-built components, from data tables to calendars and maps. Build interactive pages in minutes.
Simplified versions of popular components optimized for quick setup and instant activation on Lightning pages.
Add advanced functionality to Lightning pages immediately instead of waiting months for custom development or IT resources.
Configure advanced features through familiar App Builder interface with simplified property panels requiring no coding.
Advanced personalization capabilities for related lists, maps, and data displays beyond standard component limitations.






Add professional data tables with search, kanban boards with drag-and-drop, interactive calendars, and location maps to Lightning pages in minutes—all configured through familiar App Builder property panels.
No coding required! All components are configured through Lightning App Builder's standard property panels using text fields and checkboxes. You'll type simple configurations like field names or filter conditions, but no code writing is involved.
After installing from AppExchange, open Lightning App Builder for any page type. Avonni components appear in the custom components section on the left panel, labeled "AX - [Component Name]" (like "AX - Data Table" or "AX - Calendar").
Select any component to open the property panel on the right. For example, to filter a data table to show related records, enter a condition like AccountId = '{{Record.Id}}' in the filter property. To enable inline editing, list field API names separated by commas in the editable fields property.
No, App Builder Components are standalone elements. Each component operates independently on the page—they don't trigger actions in other components or pass data between each other. For interactive multi-component solutions, consider Dynamic Components instead.
Choose App Builder Components when you need quick, simple additions to Lightning pages—individual data tables, calendars, or maps configured directly in App Builder. Choose Dynamic Components when you need to combine multiple components together, add interactions between components, use formulas, or build complex custom layouts that require nesting.