View All Tutorial Projects

My Active Opportunities

Combine a Card, Data Table, and reactive Metrics to create a "My Active Opportunities" view.

Enhanced Related List

Replace standard lists with an Avonni Data Table, adding custom actions, advanced filters, search, and inline editing.

How to Use Avatars as Quick Links to Related Records

Learn how to use the Avonni Avatars link to related records in sidebar.

Related Contacts Card

This guide uses the Avonni List and Card components, demonstrating how to query and filter Contacts using the current Account's context.

User Activity Report

Learn how to use a Combobox to select a user and dynamically update Metrics, a Map of account locations, and a Data Table of activities.

Build a "Quick Lead" Entry Form

Learn to build a no-code quick lead form widget

How to Build a Record Edit Form for modals & panels

Learn to build a modal form that edits records

Vertical Tabs with Reactive Data Table

Display Accounts in vertical tabs alongside a Data Table that automatically updates to show related Opportunities.

Campaign Performance Dashboard

Learn to create a reusable component that lets users instantly switch between views of Leads Generated, Opportunities Created...

Dynamic Opportunity Viewer

This tutorial shows how to use an Input Choice Set and Component Visibility rules to display only the selected view.

Build a Custom Record Header & Highlights Panel

Learn to design a custom no-code record page header