See it in action

Try the components yourself

THE COMPONENT LIBRARY

85+ components. One platform.

$1.2M
Revenue
Metric
Kanban
Data Table
86%
Adoption
Metric
Rating
Pivot Table
Scheduler
Chart
72%
Progress Circle
Chat
$1.2M
Revenue
Metric
Kanban
Data Table
86%
Adoption
Metric
Rating
Pivot Table
Scheduler
Chart
72%
Progress Circle
Chat
Progress Indicator
Map
Combobox
Color Picker
Tree
Calendar
Timeline
+2
Avatar Group
60
Slider
Card
Progress Indicator
Map
Combobox
Color Picker
Tree
Calendar
Timeline
+2
Avatar Group
60
Slider
Card
Explore the component library
Trusted worldwide

Trusted by the world's best Salesforce teams

HitachiCustomer logoCustomer logoSiemens
Five star rating
5.0 on the AppExchange · 38 reviews
The Avonni suite

One component library for the whole Salesforce platform

The same components, wherever your users work: Screen Flows, Lightning pages, Experience Sites, or your own code.

Screen Flows

Flow screens that feel like real apps

Data tables, calendars, maps and wizards your users can act on, right inside Flow Builder.

Explore Flow Screen Components
Lightning Pages

Lightning pages that do more than display records

Drop data tables, Kanban boards and maps into App Builder, or compose your own in the Component Builder.

Explore Dynamic Components
Experience Sites

Portals your customers enjoy using

Native components for customer portals, community hubs and partner sites, styled to your brand.

Explore Experience Site Components
Lightning web components

The same library, in your own code

Production-ready components with documented markup. You compose, we maintain the internals.

Explore LWC Components
contactList.html
Use cases

See what Avonni does in a real org.

All use cases
Avonni + AI

Built for the AI era

Point Claude or any MCP client at Avonni: your agent finds components, reads the docs, and configures them for you.

Your AI agent
Claude or any MCP client
Avonni MCP Server
list_components
get_component_docs
The Avonni library
85+ components
accountList.html
<template>
<avonni-dd-datatable
header-title="Key Accounts"
query={query}
columns={columns}
show-pagination>
</avonni-dd-datatable>
</template>
Avonni LWC Components · New

Documented components your AI writes into code

Every component ships with documented markup. Claude Code and other AI tools read the docs and compose one tag instead of generating hundreds of lines.

Explore LWC Components
Which Avonni component for a board view?
AI
dcKanban. Pulling its docs and attributes now.
get_component_docs "dcKanban"
Avonni MCP Server

A server that connects your agent to Avonni

The Avonni MCP Server connects Claude and any MCP client to Avonni. Your agent looks up components and their docs, then configures them across every package.

Learn about the Avonni MCP
Customer stories

What Salesforce teams say

"Gone are the days when lengthy code blocks and customisation are required. Having the ability to respond quickly to user requirements is invaluable. A true gem."

Craig Ashton-Chalmers
Craig Ashton-Chalmers
Linklaters

"We considered building our own components or delving into our own LWCs, but Avonni's value proposition was unbeatable. A stellar user experience without writing a single line of code."

Tyler Teachman
Tyler Teachman
Hitachi High Tech America

Unlock the power of no-code in Salesforce

Install free from the AppExchange, drop your first component on a page, and see how much of your backlog just became configuration.

One subscription, 10 free licenses to start.