App Builder VS Dynamic Components
Quick No-Code Components for Lightning App Builder
App Builder Components provide essential Avonni components optimized for Lightning App Builder's drag-and-drop interface. These are lightweight, simplified versions of Avonni's component library, designed for quick implementation without extensive customization needs.
Understanding the Relationship
App Builder Components offers a curated selection of ~15 popular components from Avonni's library, while Dynamic Components provides access to the complete 75+ component suite. This means many specialized components are only available through Dynamic Components.
App Builder Components provides a limited subset of Avonni's most popular components, optimized for quick deployment in Lightning App Builder. Dynamic Components gives you access to the complete component library with unlimited flexibility in building and customization.
When to Choose App Builder Components
Perfect for
Quick implementation with drag-and-drop simplicity
Standard component functionality without customization
Teams are comfortable with the Lightning App Builder interface
Simple use cases that don't require logic or interactions
Getting components deployed fast with minimal configuration
Key characteristics
No-code simplicity - Drag, drop, configure basic properties
Lightning App Builder native - Works within a familiar admin interface
Essential functionality - Core component features without complexity
Quick deployment - Minimal setup time required
App Builder vs Dynamic Components: Limited Selection vs Complete Library
Component Library Scope
Component count
~15 selected components
75+ complete library
Component selection
Curated popular components
Full Avonni component suite
Building flexibility
Lightning App Builder constraints
Unlimited composition & creation
Setup complexity
✅ Simple - drag & drop
⚠️ More involved - full builder
Configuration depth
❌ Basic properties only
✅ Extensive customization options
Styling control
❌ Limited/standard
✅ Complete visual control
Logic & interactions
❌ Not available
✅ Full interaction capabilities
Component nesting
❌ Single components only
✅ Compose multiple components
Learning curve
✅ Minimal - familiar interface
⚠️ More involved - purpose-built builder
Selected Components vs Complete Library
Data Table
✅ Basic display, simple filtering
✅ Advanced styling, complex interactions, nested components
Calendar
✅ Standard calendar view
✅ Custom styling, embedded widgets, interactive behaviors
Gallery
✅ Simple media display
✅ Custom layouts, interactive overlays, component composition
Metrics
✅ Basic KPI display
✅ Advanced styling, conditional logic, nested elements
Advanced Components
❌ Only ~15 popular components available
✅ 75+ components including specialized widgets
Component Library
❌ Limited selection
✅ Complete Avonni suite
Real-World Use Case Examples
App Builder Components - Quick & Simple
"I need a data table on this record page to show related records"
"Add a simple calendar view to display events"
"Show basic metrics on the dashboard homepage"
"Display a gallery of product images"
Dynamic Components - Advanced & Customized
"I need a data table with custom styling that updates other components when rows are selected"
"Build a calendar with embedded forms and conditional logic"
"Create a metrics dashboard with nested components and interactive filters"
"Design a gallery with custom overlays and component communication"
Decision Framework
Choose App Builder Components when
✅ You need quick implementation with standard functionality
✅ You're comfortable with Lightning App Builder interface
✅ Basic component features meet your requirements
✅ You don't need custom styling or interactions
✅ Simplicity and speed are priorities
✅ The 15 available components cover your needs
Choose Dynamic Components when
✅ You need access to the complete 75+ component library
✅ You need custom styling and branding
✅ You require logic, interactions, or conditional behavior
✅ You want to combine multiple components in sophisticated layouts
✅ You need advanced configuration options
✅ You're building complex, interactive experiences
✅ You need specialized components not available in the App Builder selection
Getting Started
App Builder Components Setup
Install from AppExchange
Open Lightning App Builder
Drag component to page
Configure basic properties in right panel
Save and activate
When to Use Dynamic Components
You need components not available in the App Builder selection (~15 vs 75+)
You find yourself wanting more styling options
You need components to interact with each other
You want to embed components within other components
Basic configuration options feel too limiting
You need conditional logic or advanced behaviors
You require specialized components for your use case
The Bottom Line
App Builder Components give you access to ~15 popular Avonni components in the familiar Lightning App Builder environment - perfect for quick, no-code implementations when the available components meet your needs.
Dynamic Components provide access to the complete 75+ component library with unlimited customization capabilities and building flexibility - ideal when you need advanced styling, interactions, specialized components, and sophisticated layouts.
Choose App Builder Components for quick wins with popular components, then explore Dynamic Components when you need access to the full library or advanced capabilities.
Start simple with App Builder Components for quick wins, then explore Dynamic Components when you need access to the full library or advanced capabilities.
Last updated
Was this helpful?