Equipment knowledge base
Components: Banner · Search Input · Chip Container · List · Blockquote
Experience Cloud examples
Portal pages for customers, partners, members and students on Experience Cloud LWR sites, built with Avonni Experience Cloud components. 53 examples to open live and copy, built with Avonni components such as Button, Metric and List.
Built with Avonni Experience Cloud Components
Experience Cloud
53 examples
Order tracking
Components: Alert · Progress Bar · Datatable · Activity Timeline · Map
Product detail page
Components: Gallery · Text Block · Rating · Chip Container · Button · List
Wealth client portal
Components: Navigation · Metric · Donut Chart · Line Chart · Datatable · Profile Card · Button · Phone Input · Tree · Publisher · Carousel
Policyholder hub
Components: Navigation · Alert · Card · Text · Progress Indicator · Separator · Activity Timeline · Button · Donut Chart · Toggle Input · Tabbed Container · Container · Search Input · Tree · List · Phone Input · Checkbox
Find a provider
Components: Banner · Search Input · Vertical Visual Picker · Repeatable · Container · Avatar · Scheduler · Text · Date Input · Input Choice Set · Toggle Input · Separator · Avatar Group · Chip Container · Map · List · Text Block · Social Links
Dealer parts ordering
Components: Text Block · Button Dialog · Tree · Layout · Carousel · List · Card · Counter · Button · Bar Chart · Datatable · Progress Indicator · Visual Picker Link
Warranty claims portal
Components: Scoped Notification · Metric · Card · Text Input · Date Input · Text Area · Email Input · File Upload · Button · Chat · Datatable · List
Loyalty rewards hub
Components: Text Block · Language Selector · Container · Metric · Progress Bar · Chip Container · Barcode · Carousel · List · Activity Timeline · Separator · Button Group · Date Input
Book an in-store appointment
Components: Text Block · Language Selector · Map · Vertical Visual Picker · Date Time Picker · Card · Media Object · Avatar · Text · List · Barcode · Button Group · Accordion · Accordion Section
Gift registry
Components: Header · Button Group · Progress Circle · Metric · Datatable · Card · Progress Bar · List · Gallery · Illustration · Container · Blockquote · Barcode · Social Links
Annual impact report
Components: Banner · Metric · Bar Chart · Stacked Pyramid Chart · Layout · Carousel · Card · Avatar · Blockquote · Rating · Media Object · Image · Text Block · Map · Donut Chart · Button
Mortgage application status
Components: Header · Progress Indicator · Card · Formatted Name · Formatted Value · Output Data · Profile Card · Button · Datatable · Activity Timeline
Investor relations portal
Components: Header · Metric · Column Chart · Gauge Chart · Blockquote · Container · Email Input · Button · Image List · List
Business banking home
Components: Header · Button Menu · Metric · Pivot Table · List · Card · Combobox · Date Range · Button · Datatable
Insurance agent portal
Components: Header · Alert · Metric · Expandable Section · Kanban · Card · Media Object · Button Icon · Button · List · Relationship Graph
Financial wellness center
Components: Header · Metric · Pyramid Chart · Card · Visual Picker · Slider · Profile Card · Button · Microphone · List
Home claim tracker
Components: Header · Metric · Card · Expandable Section · Profile Card · Button · Stacked Column Chart · Formatted Address
Credit card benefits hub
Components: Header · Scoped Notification · Layout · Avatar · Checkbox Button · Card · Color Picker · Carousel
Family caregiver portal
Components: Header · Card · Output Data · Pill Container · Datatable · Avatar Group · Button · Date/Time Input · Activity Timeline
Urgent care finder
Components: Banner · Search Input · Card · Layout · Formatted Address · Formatted Value · Button · Button Icon · Gauge Chart · Map · Datatable · Text
Health plan member portal
Components: Profile Card · Text · Button · Card · Layout · Progress Bar · Media Object · Avatar · Pivot Table · Dual Listbox
Research study volunteer portal
Components: Banner · Metric · Card · Visual Picker · Date Range · Input Choice Set · Text · Microphone · Progress Indicator
Pharmacy refill center
Components: Header · Button Menu · Card · Barcode Scanner · Text · Formatted Value · Datatable · Activity Timeline · Map
Employee wellness challenge
Components: Header · Button · Metric · Column Chart · Pyramid Chart · Datatable · Card · Avatar Group · Progress Bar · Media Object · Checkbox Button · Text · Progress Circle
Hospital foundation giving
Components: Header · Button · Metric · Stacked Column Chart · Card · Input Choice Set · Combobox · Toggle Input · Image List · Formatted Name · Datatable · Blockquote · Social Links
Distributor order portal
Components: Header · Button · Metric · Expandable Section · Kanban · Card · Progress Circle · Pivot Table · Media Object · Avatar · Text · Button Icon · Datatable · List
Product registration
Components: Header · Button · Progress Indicator · Card · Barcode Scanner · Text · Combobox · Number Input · Formatted Address · Date Input · LWC Container · Media Object · Avatar · Scoped Notification · Rating · Visual Picker · Checkbox
Field service partner portal
Components: Header · Button Icon · Button · Metric · Card · Text · Date/Time Input · Combobox · Datatable · Relationship Graph · Container · Expandable Section
Replacement parts catalog
Components: Header · Button Icon · Button · Scoped Notification · Visual Picker · Search Input · Pill Container · Image List · Card · Output Data · Counter · Datatable
Supplier sustainability portal
Components: Header · Button Icon · Button · Progress Indicator · Metric · Gauge Chart · Pyramid Chart · Datatable · Card · Output Data
Dealer training academy
Components: Header · Button Menu · Button · Metric · Column Chart · Card · Icon Picker · Text · Chip Container · List · Progress Bar · Output Data
Request for quote portal
Components: Header · Button Group · Metric · Dual Listbox · Card · Formatted Value · Stacked Column Chart · Date Input · Combobox · Text Area · Button · Datatable · Progress Indicator
Bridal salon appointments
Components: Header · Button Group · Progress Indicator · Image List · Card · Combobox · Date/Time Input · Button · Color Picker · Text · Profile Card · List · Formatted Address
Online returns center
Components: Header · Button Group · Card · Barcode Scanner · Layout · Metric · Media Object · Avatar · Text · Checkbox Button · Formatted Value · Vertical Visual Picker · Map · Formatted Address · Barcode · Progress Indicator
Store events and locator
Components: Header · Button Group · Map · Card · Formatted Address · Text · Layout · Button Icon · Media Object · Avatar · Combobox · Date Range · Input Choice Set · Pill Container · List
Rewards member dashboard
Components: Header · Button · Metric · Gauge Chart · Pyramid Chart · Card · Formatted Name · Barcode · Text · Datatable · List
Subscription box preferences
Components: Header · Button · Metric · Visual Picker · Dual Listbox · Card · Combobox · Slider · Icon Picker · Chip Container · Text · Segmented Control · Toggle Input
Marketplace seller hub
Components: Header · Button · Metric · Expandable Section · Kanban · Card · Progress Circle · Column Chart · Layout · Progress Bar · Text · Pivot Table · List
Holiday gift guide
Components: Header · Button Menu · Image List · Card · Formatted Value · Segmented Control · Email Input · Date Input · Text Input · Button · List
Food pantry finder
Components: Banner · Search Input · Metric · Card · Microphone · Slider · Toggle Input · Text · Pill Container · Button · Map · Formatted Address · Formatted Value · Chip Container · List · Scoped Notification
Donor impact dashboard
Components: Header · Button · Metric · Stacked Column Chart · Gauge Chart · Card · Output Data · Datatable · Activity Timeline · Input Choice Set · Text
Animal shelter adoption
Components: Banner · Metric · Card · Visual Picker · Text · Progress Bar · Media Object · Checkbox Button · Image List · Profile Card · Button · Date Input · Input Choice Set · Text Input · List
Scholarship fund portal
Components: Header · Button · Metric · Pyramid Chart · Card · Text · Formatted Name · Datatable · Expandable Section · Progress Indicator · Blockquote
Community garden plots
Components: Header · Button Group · Metric · Expandable Section · Kanban · Card · Combobox · Segmented Control · Date Range · Toggle Input · Button · Media Object · Avatar · List · Calendar
Peer-to-peer fundraising
Components: Header · Button Group · Metric · Column Chart · Card · Layout · Button Icon · Progress Bar · Text · Button · Relationship Graph · List · Blockquote
Admitted student portal
Components: Header · Button Menu · Button · Metric · Progress Indicator · Card · Formatted Value · Media Object · Checkbox Button · Donut Chart · List · Profile Card
Library services
Components: Header · Button Group · Metric · Card · Text · Barcode Scanner · Button · Datatable · Combobox · Date/Time Input · Icon Picker · List
Continuing education catalog
Components: Header · Button · Metric · Card · Pill Container · Combobox · Slider · Toggle Input · Dual Listbox · Pivot Table · Formatted Value · Progress Indicator · List · Profile Card
K-12 parent portal
Components: Header · Button · Metric · Datatable · Card · Output Data · Layout · Icon · Column Chart · List
Study abroad programs
Components: Header · Button · Image List · Card · Visual Picker · Formatted Value · Datatable · Layout · Formatted Address · Profile Card · Progress Indicator
Campus visit booking
Components: Header · Button · Card · Date Range · Combobox · Counter · Input Choice Set · Gauge Chart · Datatable · Microphone · Map · Formatted Address
Customer community home
Components: Banner · Button · Container · Metric · Rating · Datatable · List · Carousel