It all started with a simple idea: what if building custom UIs in Salesforce didn't require writing code? What if anyone, regardless of their technical skills, could create beautiful and engaging experiences for their users?

The Avonni Components Suite began by revolutionizing Salesforce Flows with 70+ no-code components, empowering users to build dynamic, guided experiences. We then expanded to Experience Cloud Sites, tackling website customization with the same no-code philosophy.

Building on the success of Avonni Components for Flows & Experience Sites, we're excited to unveil a new managed package: the Avonni Dynamic Components for Lightning Pages. The Avonni Dynamic Components address an important need: streamlining data display and custom UI creation directly within Salesforce, focusing on unmatched performance.

Why did we create the Avonni Dynamic Components?

Building on the success of our components for Flows and Experience Cloud, we created Avonni Dynamic Components to extend our no-code philosophy natively onto Salesforce Lightning Pages.

This addresses the need to create custom, reusable, and high-performance UI elements directly on App & Record Pages – outside the specific context of a Flow. It ensures that Salesforce builders have powerful visual components optimized for the Lightning Page environment, complementing the capabilities offered within Flow Builder.

Meet the Avonni Component Builder

The Avonni Dynamic Components package has a powerful visual builder to empower admins, technical architects, and developers to create stunning Salesforce user interfaces without coding. This intuitive environment provides a seamless drag-and-drop experience, a rich components library, and deep customization options.

Here's a closer look at the key features that make the Avonni Component Builder your gateway to no-code innovation in Salesforce.

Visual Drag-and-Drop Builder

Build Salesforce UIs easily using our intuitive Drag-and-Drop Builder. This visual builder allows you to construct complex layouts without writing code, increasing efficiency and reducing development time.

Access a rich library of components. Position components precisely on the canvas, ensuring your UI aligns perfectly with your vision.

See your UI evolve in real time, eliminating the guesswork associated with traditional UI development. The builder provides instant visual feedback, enabling you to iterate quickly and build with confidence. Build and deploy stunning Salesforce interfaces faster than ever before.

70+ Pre-Built Components

Avonni Dynamic Components offer a vast library of over 70 ready-to-use UI elements. Build faster with components like interactive Data Tables, Charts, Maps, Progress Bars, Timelines, Calendars, layout tools (Cards, Tabs, Accordions), and more, enabling you to create robust, visually appealing interfaces without coding from scratch.

Drag-and-Drop Customization with Slots

Avonni Dynamic Components Builder includes intuitive "slots," which provide dedicated drag-and-drop zones for streamlined customization. These slots serve as pre-defined containers, enabling you to build complex layouts with precise control and instant visual feedback.

Take the Tabbed Container component, for example. Each tab you create has its own designated slot. Imagine building a customer service dashboard: you could create tabs like "Pipeline" and "Map." For the "Map" tab, drag an Avonni Map component directly into that tab's slot. This embedded map could then be configured to visually display the locations of open cases or customer addresses, providing valuable geographic context within your dashboard. This slot-based system makes assembling multi-faceted interfaces within tabs a seamless visual experience.

See your layout come to life in real time as you drag and drop components into these slots. This immediate visual feedback eliminates the guesswork associated with traditional UI design, empowering you to build confidently and precisely.

Real-Time Component Updates

Avonni Dynamic Components feature robust built-in reactivity, enabling components to update automatically in real time based on user actions or data changes elsewhere on the page. You can create dynamic, interconnected interfaces without needing to refresh data or write complex formulas manually.

Connections are made visually using direct attribute referencing within the component builder. For example, you can easily link a Data Table to display records based on the selection in a Tabs component. When the user selects a different tab, the Data Table updates to automatically show the relevant information.

This native reactivity streamlines the development of responsive Salesforce applications, improving user experience and productivity by ensuring data is always current.

Rich Interactions for Dynamic Experiences

The Avonni Dynamic Components empower you to create truly interactive experiences without writing any code, moving beyond static layouts to dynamic actions that respond to user input.

You can configure components, such as buttons, to perform a variety of powerful actions:

• Launch Salesforce Flows: Seamlessly guide users through complex processes without leaving the current page, using "Open Flow Dialog" or "Execute Flow" actions.
• Open Detailed Information: Display related information or expand record details in modals or side panels.
• Trigger Data Updates: Create, edit, or delete records directly within components, ensuring real-time data synchronization.

This level of interactivity allows you to build user-friendly applications that adapt to your users' actions, providing a more engaging and efficient experience.

Publishing your Avonni Dynamic Components

Deploying your Avonni Dynamic Components is fast and flexible. After activating your creation, use the Lightning App Builder to drag your component onto any App, Record, or Home page. Save the page, and your powerful, custom UI is immediately ready for your Salesforce users.

Brand-Consistent Styling & SLDS2 Compatibility

The Avonni Dynamic Components offer comprehensive styling controls, ensuring your interfaces are visually stunning and aligned with your brand.

• Complete Customization: Fine-tune colors, typography, borders, and layouts to match your brand's identity precisely.
• Component-Specific Styling: Tailor the appearance of complex components like charts and data tables.
• Comptatible with SLDS2: Enjoy a modern, consistent user experience that blends perfectly with your Salesforce environment.

Create functional and visually impactful interfaces, maintaining brand consistency across your Salesforce org.

What's Coming Next!

This launch is just the beginning for Avonni Dynamic Components! We have an ambitious roadmap with many exciting features already in the pipeline. Expect powerful new components exclusive to this package soon, including the Relationship Graph and Pivot Table, arriving in the coming weeks – and much more to follow!

Catch the Launch Event Replay!

A big thank you to everyone who joined our live unveiling of Avonni Dynamic Components! If you missed the excitement, including the full product demonstration and live Q&A session, the replay is now available. See firsthand how you can build powerful, no-code UIs directly on your Lightning Pages.

Install Avonni Dynamic Components from the AppExchange Today

• AppExchange Listing Page
• Comprehensive Documentation
• Interactive Tutorials