Transform How You Build in Lightning App Builder

Create modern Salesforce pages with 20+ pre-built components, from data tables to calendars and maps. Build interactive pages in minutes.

Lightweight and Fast

Simplified versions of popular components optimized for quick setup and instant activation on Lightning pages.

No Development Wait

Add advanced functionality to Lightning pages immediately instead of waiting months for custom development or IT resources.

Point-and-Click Setup

Configure advanced features through familiar App Builder interface with simplified property panels requiring no coding.

Enhanced Flexibility

Advanced personalization capabilities for related lists, maps, and data displays beyond standard component limitations.

Ready to Extend Your Lightning Pages?

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.

FAQ

Avonni Components

Do I need coding knowledge to use these components?

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.

Where do I find the components after installing?

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").

How do I configure components to show specific data?

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.

Can components on the same page interact with each other?

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.

When should I choose App Builder Components versus Dynamic Components?

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.