Avonni Components 4.0 is a major update that brings dedicated components for Salesforce Experience Cloud Sites. This version turns the package into a unified solution for multiple Salesforce Builders, working with both Flow Builder and Experience Cloud Builder.

Elevating the Experience Cloud ecosystem

Avonni Components have grown significantly since their origins in Salesforce Flows, largely thanks to feedback and creative use cases from our users. We noticed more and more of you embedding Avonni Components in Experience Cloud Sites through flows. That real-world usage showed us the potential to do much more for Experience Cloud.

So we expanded the managed package with a new set of components built specifically for Digital Experience Sites. These complement our existing Flow Builder components and give Experience Cloud users purpose-built tools instead of workarounds. Everything ships in the same package — one install covers both Flow Builder and Experience Cloud.

Components designed for what Experience Cloud actually needs

Standard Salesforce components often hit their limits fast, pushing teams toward custom development. Avonni Components 4.0 gives you a collection of natively integrated components that bring real functionality to your Experience Cloud Sites without writing code.

Your building blocks for Experience Cloud Sites

Avonni Components 4.0 includes more than 27 components built exclusively for Experience Cloud Sites:

Content display components

Engage your audience with a variety of content formats, from Accordion to Video, tailored to your brand's storytelling.

• Avonni Alert
• Avonni Audio
• Avonni Avatar
• Avonni Bar Code
• Avonni Blockquote
• Avonni Button
• Avonni Button Dialog
• Avonni Container
• Avonni Icon
• Avonni Illustration
• Avonni Image
• Avonni Separator

Data components

• Avonni Data Table
• Avonni Map
• Avonni Timeline

Layout components

• Avonni Accordion
• Avonni Banner
• Avonni Card
• Avonni Layout
• Avonni Media Object
• Avonni Navigation
• Avonni Profile Card
• Avonni Tabs

Progress components

• Avonni Progress Bar
• Avonni Progress Circle
• Avonni Progress Indicator

Like our Flow Builder components, every Experience Cloud component is fully customizable. You can match your brand identity and adapt them to your specific needs.

Dedicated to transparency

Transparency matters to us. For a clear view of what's coming, check out our detailed roadmap. It covers upcoming plans and expected improvements for Experience Cloud components.

Highlights of Avonni Components 4.0

Beyond Experience Cloud, this release also brings new features and fixes for Avonni Components within Salesforce Flows:

Enhanced data tables

• Inline editing support: Inline editing now supports combobox within record types and lookups.

Refined user interface

• Progress Indicator: Now with customizable display options, including the ability to modify or hide the error icon.
• Tabs: Scoped tabs now display borders with clarity for a clean, consistent look.

New Kanban functionalities

• Summarize attributes with formatting options: Add formatting to summarize values, like currency codes and maximum fraction digits.
• Support for hyperlink formula field: Add hyperlinks directly in Kanban formula fields.
• Group by record type: Categorize and visualize your Kanban boards by Record Type for better organization.

Data source enhancements

• Filtered picklist values: Filter Picklist Values by Record Type, tailored to your data management needs.

Commitment to accessibility

• WCAG 2.1 compliance: We've reviewed all colors within our components in accordance with the latest WCAG updates, with accessibility for all users as a priority.

What this means for your team

Avonni Components 4.0 turns the Experience Cloud platform into a creative canvas where you can build what you need without code. This release reflects our commitment to true no-code capabilities on the Salesforce Platform.

We're confident you'll find real value in exploring Avonni Components 4.0. And there's more coming — version 4.1 is just around the corner with additional features and enhancements.