Product Tour
Build Custom Salesforce UIs Without Code
The Avonni Dynamic Components App provides a robust, no-code alternative for creating custom, interactive experiences directly on your Salesforce Lightning Pages.
Avonni Dynamic Components vs. Avonni Flow Components
Dynamic Components are built directly for Lightning Pages, offering superior layout control and faster page performance. They excel at UI customizations like enhanced related lists or reports where direct manipulation and speed are prioritized over Flow's process logic.
Getting Started (Quick Links)
Installation & Licenses ManagementQuickstart TutorialUnderstanding The EssentialsExplore All ComponentsView All Tutorial ProjectsDeeper Exploration
Dynamic vs. Flow ComponentsKey Advantages: Speed, Simplicity, and Power
Native Reactivity: Components update automatically based on user interactions and data changes – no complex formulas required.
Top-Notch Performance: Experience near-instant loading times and a responsive user experience thanks to optimized component design.
Faster Development: Dramatically reduce development time and costs compared to custom coding.
Empower Admins and Business Users: Enable non-developers to create and customize Salesforce UIs.
Customize Styles: Tailor the appearance to match your branding.
Accessing the Avonni Dynamic Components App
Once you’ve installed the Avonni Components Package, finding it is simple:
App Launcher: Open the App Launcher in Salesforce (the nine-dot grid icon).
Search: Type "Avonni" in the search bar.
Select: Click on "Avonni Dynamic Components."
Ensure the Avonni Dynamic Components package is installed, and you have the permission sets assigned. See the Installation Page for details.
That’s it—you’re in!
The Dynamic Components Home Page
The home page is your central hub for managing your Dynamic Components:
Create New Components: Start building from scratch.
Manage Existing Components: View, edit, and organize your components.
The Component Builder: A Quick Look
The Component Builder is your visual design environment.

It features:
Canvas: Drag and drop components.
Component Library: Find all available components and fields.
Properties Panel: Customize the selected component's settings.
Resources Panel: Manage variables, constants, formulas, and queries.
Top Bar: Undo/redo, access settings, preview, and save.
Ready to dive in?
Understanding The EssentialsLast updated
Was this helpful?