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.

Learn about the differences between Dynamic & Flow Components

Getting Started (Quick Links)

Installation & Licenses ManagementQuickstart GuideExplore All Components

Deeper Exploration

Dynamic vs. Flow Components

---

Key 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.

---

Build with an AI Assistant

Avonni ships a hosted MCP server and a set of agent skills that let AI assistants such as Claude, Cursor, and GitHub Copilot create and update Dynamic Components from plain-language prompts, using accurate component knowledge instead of guesses.

Set up the AI assistant

---

Accessing the Avonni Dynamic Components App

Once you've installed the Avonni Components Package, finding it is simple:

1. Open the App Launcher in Salesforce (the nine-dot grid icon)
2. Type "Avonni" in the search bar
3. Click on "Avonni Experiences"

That's it—you're in!

Make sure the Avonni Dynamic Components package is installed and you have the required 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.

Avonni Dynamic Component Builder Overview

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?

Quickstart Guide

Learn from the Community

Join our Trailblazer Community Group to see what others are building with Dynamic Components. You'll find:

• Real-world examples and use cases
• Tips for optimizing component performance
• Solutions to common configuration challenges
• Inspiration for your next project

Whether you're just getting started or looking to push Dynamic Components to their limits, the community is full of builders eager to share what they've learned.