The Avonni component library

Every component. Every surface you build on.

Data tables, kanban boards, maps, timelines, charts, forms, and more. The same components across Screen Flows, Lightning pages, and Experience Cloud sites.

85+
components across three packages
Data Table
Kanban
$1.2M▲
Metric
Timeline
Chart
★★★★☆
Rating
Progress Circle
Combobox
Pivot Table
+2
Avatar Group
Data Table
Kanban
$1.2M▲
Metric
Timeline
Chart
★★★★☆
Rating
Progress Circle
Combobox
Pivot Table
+2
Avatar Group
Chart
+2
Avatar Group
Combobox
86%▲
Metric
Pivot Table
Data Table
Progress Circle
Kanban
★★★★★
Rating
Timeline
Chart
+2
Avatar Group
Combobox
86%▲
Metric
Pivot Table
Data Table
Progress Circle
Kanban
★★★★★
Rating
Timeline
Start freeSee them in real jobs
How it works

Pick a component. Configure it. Ship it anywhere.

Every Avonni component follows the same path from idea to production. The surface changes, the workflow does not.

1

Pick a component

Choose from 210+ components across the suite: data tables, kanban boards, maps, timelines, forms, charts, and more.

2

Configure it in your builder

Set fields, filters, and actions with clicks in Flow Builder, the Dynamic Components builder, or the Experience Cloud editor.

3

Ship it where you build

Drop the result into Screen Flows, onto Lightning pages, or into portals. The same component, on every surface.

The library

Start with a signature component

Each one has its own deep-dive page showing what it does and every surface it runs on. These are the components teams reach for first.

Data Table

Editable, filterable tables with 25+ column types and CSV export.

Explore Data Table

Kanban

Drag records between stages, grouped by any field, with per-card actions.

Explore Kanban

Map

Put records on a map with clustering, custom markers, and drawing tools.

Explore Map

Timeline

Show any object's history in order, grouped by day, week, month, or year.

Explore Timeline
MJ
Can we update the delivery date?
Today
Done. Moved to Friday.
Write a message
Send

Chat

Message threads on any record with a rich publisher, mentions, and date breaks

Explore Chat
JuneWeek
M
T
W
T
F

Calendar

Agenda, calendar, and timeline views with drag to schedule and grouping by resource.

Explore Calendar
More in every package
Flow Screen Components
Dynamic Components
Experience Cloud Components
LWC Components
LWC Components

Production components for developers

Documented markup your AI tools compose, ready to drop into any Lightning Web Component.

55+
Data Table
$1.2M▲
Metric
Progress Circle
★★★★☆
Rating
Combobox
+3
Avatar Group
Color Picker
Timeline
⇆
Dual Listbox
Slider
Progress Indicator
OpenWonNew
Chip Container
See all 55+ LWC components
Dynamic Components

The largest catalog, no code required

Build data apps on record and app pages with clicks, from tables to kanban to charts.

85+
Kanban
Datatable
Pivot Table
Chart
2,481▲
Metric
Accounts
Contacts
Opportunities
Tree
Progress Bar
Scheduler
Combobox
Active
Badge
Closed Won
Status
Jul 1
→
Jul 25
Date Range
See all 85+ Dynamic components
Flow Screen Components

Rich screens for your flows

Turn plain screen flows into guided, data-rich experiences.

70+
Data Table
✓
Visual Picker
◉ Standard
◯ Priority
◯ Custom
Choice Set
Progress Indicator
★★★★☆
Rating
Date Picker
94%▲
Metric
Chart
Combobox
Barcode
Slider
−
3
+
Counter
See all 70+ Flow components
Experience Cloud Components

Portal-ready components

Bring the same rich components to your Experience Cloud sites and portals.

40+
Datatable
Card
$860K▲
Metric
Kanban
Progress Circle
+5
Avatar Group
Gallery
Overview
Details
Tabs
Welcome back
Banner
Social Links
DocsBillingCases
Chip Container
Progress Indicator
See all 40+ Experience Cloud components

Same component, every surface

Configure a component once and it runs the same way wherever you place it. What changes is the surface, not what the component can do.

Screen Flows
Lightning pages
Experience Cloud portals
Your own LWC
Questions

The library, answered

How is the library different from the packages?

The library is the full set of components you can use. The packages are how they are delivered: Flow Screen Components, Dynamic Components, Experience Cloud Components, and LWC Components. Most components appear in more than one package so you can use them wherever you build.

Is there a free option?

Yes. Every Avonni plan starts free with 10 production licenses, and the full library is included from the start. You only pay as your team grows.

Where can I use these components?

On Salesforce Screen Flows, on Lightning record and app pages, in Experience Cloud portals and sites, and inside your own Lightning Web Components. The same component works across each surface it supports.

Can developers extend the components?

Yes. Admins configure everything with clicks, and developers can use the LWC versions with documented attributes, events, and styling hooks. The Avonni MCP server exposes those same APIs to AI tools.

Missing a component? Tell us. Every release ships ideas from users →

One library. Start building today.

Install free from the AppExchange and add your first component to a Flow, page, or portal. Talk to us when you are ready to scale.

Start freeRequest a Demo