Loan application
Components: Progress Indicator · Slider · Input Choice Set · Scoped Notification
Examples
262 use cases combining 133 Avonni components on 4 platforms. Open one to see it live and copy its code.
Flow
63 examples
Patient intake
Components: Progress Indicator · Visual Picker · Input Choice Set · Slider · Text Area · Scoped Notification
Product return request
Components: Alert · Combobox · List · Vertical Visual Picker
Event registration
Components: Hero Banner · Date Time Picker · Vertical Visual Picker · Counter · Input Choice Set
Donation checkout
Components: Progress Bar · Input Choice Set · Visual Picker · Blockquote · Button
Service appointment booking
Components: Progress Indicator · Combobox · Input Choice Set · Date Time Picker · Map · Text Area
Customer onboarding survey
Components: Progress Bar · Input Choice Set Grid · Dual Listbox · Slider · Rating
Credit card dispute
Components: Progress Popover · Header · List · Vertical Visual Picker · Combobox · Counter · Text Area · Signature Pad · Activity Timeline
Account opening with identity checks
Components: Progress Popover · Vertical Visual Picker · Formatted Name · Formatted Value · Barcode Scanner · Formatted Address · Input Choice Set · Combobox · Counter · List · Signature Pad
Medication reconciliation
Components: Progress Indicator · Avatar · QR Code · Chip Container · Alert · Datatable · Input Choice Set · Slider · Color Picker · Text Area · List · Signature Pad
Home health visit
Components: Avatar · NFC Tag Scanner · Formatted Address · Line Chart · Counter · Document Scanner · Visual Picker · Input Choice Set · List · Signature Pad · Date Time Picker · Biometrics
Safety incident report
Components: Hero Banner · Formatted Name · Combobox · Barcode Scanner · Input Choice Set · Rating · Microphone · Date Range · Dual Listbox · Input Choice Set Grid · Text Area · Signature Pad
Equipment inspection
Components: Progress Indicator · Formatted Value · Input Choice Set Grid · Slider · Input Choice Set · Expandable Section · Signature Pad
Curbside pickup check-in
Components: Welcome Mat · List · Illustration · Visual Picker · Combobox · Color Picker · Time Range Picker · Text Area · Barcode · Blockquote · User Location · Rating
Personal styling quiz
Components: Welcome Mat · Visual Picker · Color Picker · Input Choice Set · Slider · CSV Parser · Time Range Picker · Image List
Volunteer shift sign-up
Components: Progress Indicator · Combobox · Input Choice Set · Scheduler · Input Choice Set Grid · Expandable Section · Signature Pad · Blockquote
Beneficiary intake
Components: Hero Banner · Formatted Name · Formatted Address · Barcode Scanner · Datatable · Input Choice Set Grid · Input Choice Set · Counter · Scoped Notification · Dual Listbox · Avatar
Financial aid application
Components: Progress Indicator · Visual Picker · Slider · Counter · Formatted Address · NFC Tag Scanner · Document Scanner · Metric · Date Range · Donut Chart · Signature Pad · Biometrics
End-of-course evaluation
Components: Progress Indicator · Avatar · QR Code · Alert · Input Choice Set Grid · Rating · Slider · Input Choice Set · Text Area · Microphone
Mortgage pre-approval
Components: Header · Counter · Combo Chart · Gauge Chart · Tabs · Datatable · Metric · Scoped Notification
Investment risk profile
Components: Header · Input Choice Set · Slider · Input Choice Set Grid · Metric · Scoped Notification · Metrics Radar Chart · Stacked Pyramid Chart · Visual Picker Link
Business account opening
Components: Header · Separator · Tree · Donut Chart · Visual Picker · List · Signature Pad · Button Group
Card fraud alert review
Components: Header · Map · Activity Timeline · Datatable · Formatted Value · Button Icon · Input Choice Set · Text Area
Retirement contribution planner
Components: Progress Indicator · Metric · Slider · Input Choice Set · Flat Gauge Chart · Scoped Notification · Stacked Column Chart · Carousel
Auto claim first notice of loss
Components: Header · Alert · Visual Picker · User Location · Map · List · Image List · QR Code · Video Player · Activity Timeline · Text Area
Branch advisor booking
Components: Progress Indicator · Visual Picker · Combobox · Input Choice Set · Avatar Group · Map · Calendar · Scheduler · Scoped Notification · Text Area
Hospital discharge planning
Components: Header · Kanban · Vertical Visual Picker · Scoped Notification · Progress Circle · Line Chart · Audio Player · Combobox · Activity Timeline · List
Telehealth symptom triage
Components: Navigation · Avatar · Metric · Combobox · Icon Picker · Input Choice Set Grid · Pyramid Chart · Vertical Visual Picker · Scoped Notification · Map · List · Text Area
Clinical trial eligibility screening
Components: Header · Progress Indicator · Avatar · Metric · Tree Grid · Stacked Bar Chart · Vertical Visual Picker · Pill Container · Input Choice Set · Text Area
Vaccination clinic check-in
Components: Header · Barcode · Barcode Scanner · Avatar · Image · Input Choice Set Grid · Scoped Notification · Button Menu · List · Signature Pad
Home care visit report
Components: Header · Map · Line Chart · Input Choice Set Grid · Scoped Notification · Document Scanner · Input Choice Set · List · Signature Pad
Medication adherence check-in
Components: Progress Indicator · Avatar · Column Chart · Illustration · Chip Container · Datatable · Input Choice Set · Slider · Text Area
Behavioral health intake
Components: Avatar · Separator · Bar Chart · List · Visual Picker · Input Choice Set · Combobox · Carousel · Date Time Picker
Machine downtime report
Components: Avatar · Button Icon · Input Choice Set · Combobox · Time Range Picker · Gauge Chart · List · Kanban · Progress Circle · Datatable
Supplier qualification
Components: Header · Metric · Tree · Metrics Radar Chart · CSV Parser · Formatted Value · List · Scoped Notification · Input Choice Set · Text Area
Line quality audit
Components: Header · Input Choice Set Grid · Stacked Bar Chart · Progress Circle · Scoped Notification · Image List · Rating · Combobox · Counter · Text Area
Dealer warranty claim
Components: Header · Formatted Value · Combobox · Input Choice Set · Video Player · Text Area · Tree Grid · Scoped Notification · Button Group
Plant safety walk
Components: Header · User Location · Avatar Group · Pyramid Chart · Input Choice Set Grid · Datatable · Counter · Rating · Combobox · Text Area
Production changeover
Components: Header · Navigation · Metric · Scheduler · Combo Chart · Donut Chart · List · Input Choice Set · Combobox
Spare parts request
Components: Progress Indicator · Combobox · Input Choice Set · Visual Picker · Datatable · Pill Container · Flat Gauge Chart · Visual Picker Link · Text Area
Store opening checklist
Components: Header · Metric · Tabs · List · Bar Chart · Avatar Group · Input Choice Set · Counter · Scoped Notification · Button Menu
Personal shopper booking
Components: Header · Carousel · Visual Picker · Calendar · Vertical Visual Picker · Combobox · Icon Picker · Input Choice Set · Slider · Color Picker · Text Area
Return and exchange desk
Components: Progress Indicator · Barcode · Scoped Notification · List · Image · Input Choice Set Grid · Combobox · Input Choice Set · Visual Picker · Stacked Column Chart
Loyalty program enrollment
Components: Header · Visual Picker · Visual Picker Link · Progress Circle · List · Input Choice Set · Combobox · Audio Player
Inventory cycle count
Components: Progress Indicator · CSV Parser · Scoped Notification · Metric · Column Chart · Gauge Chart · Tree Grid · Input Choice Set Grid · Combobox · Time Range Picker
Visual merchandising audit
Components: Header · Image List · Input Choice Set Grid · Metrics Radar Chart · Gauge Chart · Datatable · Text Area · Signature Pad
Corporate gift card order
Components: Header · Visual Picker · Counter · Chip Container · Stacked Pyramid Chart · Illustration · Metric · Formatted Address · Input Choice Set · Date Time Picker
Volunteer onboarding
Components: Header · Video Player · List · Tabs · Expandable Section · Avatar Group · Calendar · Vertical Visual Picker · Signature Pad
Community grant application
Components: Header · Separator · Text Area · Counter · Slider · Stacked Column Chart · List · Tree · Datatable
Disaster relief intake
Components: Header · Formatted Name · Formatted Address · User Location · Map · Visual Picker · Counter · Slider · Input Choice Set · Kanban · Progress Bar · Dual Listbox
Major donor pledge
Components: Header · Gauge Chart · Combo Chart · Date Range · Input Choice Set · Carousel · Text Area · List · Scoped Notification
Partner agency food order
Components: Header · Navigation · Pyramid Chart · List · Button Group · Datatable · Scoped Notification · Visual Picker · Counter · Combobox
Gala sponsorship signup
Components: Header · Flat Gauge Chart · Visual Picker · Formatted Value · Button Icon · Image · Dual Listbox · Datatable · Input Choice Set
Course registration
Components: Header · Scoped Notification · Metric · Tree Grid · Pill Container · Datatable · Scheduler · Input Choice Set · Combobox
Scholarship application
Components: Header · Progress Indicator · Metric · Stacked Bar Chart · List · Audio Player · Icon Picker · Text Area · Datatable · Input Choice Set
Campus housing selection
Components: Header · Visual Picker Link · Carousel · Map · Vertical Visual Picker · Input Choice Set Grid · Text Area · Scoped Notification
Advising appointment prep
Components: Header · Progress Circle · Line Chart · Tree Grid · Calendar · Vertical Visual Picker · Combobox · Visual Picker · Text Area
Field trip permission
Components: Header · List · QR Code · Input Choice Set · Input Choice Set Grid · Text Area · Avatar Group · Illustration · Button Menu · Signature Pad
Parent-teacher conference
Components: Header · Avatar Group · Bar Chart · Activity Timeline · Vertical Visual Picker · Date Time Picker · Input Choice Set · Combobox · Text Area
Sales qualification wizard
Components: Progress Indicator · Header · Metric · Visual Picker · Slider · Input Choice Set · Text Area · List · Scoped Notification
Volunteer onboarding wizard
Components: Progress Indicator · Header · Metric · Visual Picker · Input Choice Set · List · Text Area · Scoped Notification
Returns processing wizard
Components: Progress Indicator · Header · Metric · Visual Picker · Input Choice Set · List · Scoped Notification
Support case intake
Components: Progress Indicator · Header · Metric · Combobox · Input Choice Set · Text Area · Rating · Scoped Notification
Lightning Page
69 examples
Case console
Components: Metric · Datatable · Activity Timeline · List
Opportunity deal room
Components: Progress Indicator · Metric · Datatable · Avatar Group
Account 360
Components: Scoped Notification · Metric · List · Activity Timeline
Patient care summary
Components: Alert · Avatar · Progress Bar · Chip Container · Activity Timeline · Avatar Group
Wealth client overview
Components: Scoped Notification · Metric · Datatable · Pill Container · Progress Bar
Field service work order
Components: Progress Indicator · Status · Metric · Map · List
Supplier scorecard
Components: Avatar · Rating · Scoped Notification · Metric · Datatable · Progress Bar
Mortgage underwriting desk
Components: Header · Text · Gauge Chart · Card · Kanban · Progress Bar · Checkbox · Combobox · Text Area · Media Object · Checkbox Button · Button Group · Tree · Activity Timeline
Commercial banking relationship hub
Components: Header · Metric · Container · Search Input · Datatable · Donut Chart · Combo Chart · Relationship Graph · Pivot Table · Separator · Tabbed Container · List
Insurance claim adjuster workbench
Components: Header · Button Menu · Progress Indicator · Metric · Map · Combo Chart · Tabbed Container · Container · Datatable · Pivot Table · List · Kanban · Progress Circle · Formatted Value · Button · Activity Timeline · Text Area · Checkbox · Button Group
Care coordinator console
Components: Profile Card · Button · Text · Container · Metric · Separator · Progress Bar · Avatar Group · Progress Circle · Kanban · Segmented Control · Line Chart · Calendar · Activity Timeline · Bar Chart
Clinical trial participant record
Components: Alert · Avatar · Metric · Progress Indicator · Container · Bar Chart · List · Tabbed Container · Datatable · Camera · Flat Gauge Chart · Text Input · Password Input · Button · Avatar Group
Hospital bed management
Components: Scoped Notification · Metric · Card · Status · Flat Gauge Chart · Text · Bar Chart · Kanban · List · Separator · Input Choice Set · Number Input · Time Input · Stateful Button · Chat
Plant maintenance planner
Components: Container · Avatar · Progress Bar · Card · Help Text · Toggle Input · Gauge Chart · Metric · Separator · Kanban · Scheduler · Barcode Scanner · List · Line Chart · Profile Card · Button · Avatar Group
Quality nonconformance record
Components: Avatar · Container · Rating · Formatted Name · Progress Indicator · Metric · Datatable · Card · Progress Bar · Separator · File Input · Bar Chart · Stacked Bar Chart · Accordion · Accordion Section · Agent Chat
Rebate program manager
Components: Header · Button Menu · Progress Indicator · Gauge Chart · Combo Chart · Datatable · Accordion · Accordion Section · Icon · Output Data · Formatted Value
Store manager daily brief
Components: Header · Button Group · Scoped Notification · Metric · Gauge Chart · Stacked Bar Chart · Datatable · List · Accordion · Accordion Section · Progress Bar · Container · Blockquote
Loyalty member 360
Components: Media Object · Avatar · Text · Chip Container · Layout · Container · Button Icon · Metric · Progress Circle · Datatable · List · LWC Container · Date/Time Input · Button Group · Activity Timeline
Merchandising planner
Components: Header · Button Group · Stacked Bar Chart · Gauge Chart · Separator · Button Icon · Date Input · Datatable · Tabbed Container · Container · Donut Chart · Column Chart · Carousel · LWC Container
Major gift officer workspace
Components: Media Object · Avatar · Text · Chip Container · Button Menu · Progress Indicator · Metric · Container · Stacked Bar Chart · Output Data · Avatar Group · Accordion · Accordion Section · List · Datatable · Activity Timeline
Grant management record
Components: Media Object · Icon · Text · Chip Container · Button · Scoped Notification · Metric · Container · Stacked Bar Chart · Output Data · Stacked Column Chart · Calendar · Datatable · List · Progress Bar · Flat Gauge Chart · Checkbox
Program participant case
Components: Profile Card · Button · Text · Card · Help Text · Toggle Input · Metric · Layout · Container · Rating · Progress Bar · Activity Timeline · List · Microphone · Datatable · Agent Chat
Student success advisor
Components: Profile Card · Stateful Button · Badge · Text · Container · Status · Metric · Progress Bar · Chip Container · Line Chart · Layout · Progress Circle · Scheduler · List · Avatar Group · Button · Activity Timeline · Card · Date Input · Time Input · Toggle Input
Admissions application review
Components: Header · Button Group · Progress Indicator · Metric · Tabbed Container · Container · Blockquote · Card · Rating · Number Input · Segmented Control · Chat · Datatable · File Upload
Alumni donor profile
Components: Avatar · Metric · Alert · Bar Chart · Pyramid Chart · Tabbed Container · Container · Datatable · List · Avatar Group · Separator · Segmented Control · Slider · Button · Flat Gauge Chart
Private banking client
Components: Profile Card · Button · Formatted Address · Container · Metric · Tabs · Datatable · Relationship Graph · List · Activity Timeline
Commercial loan covenants
Components: Header · Button Menu · Metric · Container · Date Range · Datatable · Stacked Pyramid Chart · Expandable Section
Commercial policy renewal
Components: Header · Button · Progress Indicator · Metric · Metrics Radar Chart · Image List · Dual Listbox · Vertical Visual Picker
Household financial plan
Components: Profile Card · Avatar Group · Gauge Chart · Metric · Repeatable · Container · Text · Badge · Pivot Table · Vertical Visual Picker
Fraud investigation case
Components: Header · Button Menu · Progress Indicator · Metric · Container · Navigation · Progress Bar · Text · Button · Map · Card · Video Player · Datatable · Activity Timeline · Checkbox · Avatar Group
Merchant onboarding
Components: Header · Button Group · Progress Indicator · Metric · Card · URL Input · Phone Input · Container · List · Progress Bar · Datatable · Donut Chart · Visual Picker · Counter · Toggle Input · Text
Credit union member 360
Components: Profile Card · Button · Badge · Text · Container · Barcode · Formatted Value · Metric · Datatable · Card · Progress Bar · Activity Timeline · Audio Player · Chip Container · List · Counter · Toggle Input
Oncology care plan
Components: Profile Card · Button · Badge · Text · Container · Layout · Progress Circle · Progress Bar · Metric · Tabs · Datatable · Scheduler · Card · Avatar Group · Activity Timeline · Illustration
Surgical case record
Components: Header · Button Menu · Progress Indicator · Metric · Expandable Section · Checkbox · Date Time Picker · Container · Card · Text · Signature Pad · Button · Datatable · Activity Timeline
Nursing unit record
Components: Header · Button · Metric · Pivot Table · Card · Progress Bar · List · Text · Image · Container · Visual Picker Link
Provider credentialing
Components: Profile Card · Button · Text · Container · Metric · Separator · Progress Bar · Progress Indicator · Scoped Notification · Card · Dual Listbox · Email Input · Phone Input · Formatted Address · Datatable · Activity Timeline
Medical device hospital account
Components: Header · Button Menu · Metric · Stacked Pyramid Chart · Datatable · Container · Relationship Graph · Text · Video Player · Activity Timeline
Diabetes care cohort
Components: Header · Date Range · Metric · Metrics Radar Chart · Repeatable · Container · Text · Badge · Datatable
Home infusion referral
Components: Header · Button · Metric · Navigation · Image List · Card · Counter · List
Production order
Components: Header · Button · Metric · Scoped Notification · Tabs · Datatable · Card · Barcode · Text · Pivot Table
Industrial asset record
Components: Header · Button · Metric · Image · Line Chart · Card · Audio Player · Text · Expandable Section
Key account plan
Components: Header · Button Group · Metric · Container · Relationship Graph · Text · Card · URL Input · Visual Picker · Activity Timeline · Combo Chart
Engineering change order
Components: Header · Button · Progress Indicator · Metric · Tabbed Container · Container · Datatable · Text · Scoped Notification · Dual Listbox · Stacked Pyramid Chart · Image List
Dealer performance record
Components: Header · Button Menu · Metric · Layout · Container · Card · Formatted Address · List · Metrics Radar Chart · Map · Datatable · Progress Bar
Capital expenditure request
Components: Header · Button Group · Progress Indicator · Metric · Repeatable · Container · Text · Badge · Layout · Vertical Visual Picker · Donut Chart · Card · Signature Pad · Activity Timeline · Scoped Notification
Product launch readiness
Components: Header · Button · Metric · Scoped Notification · Navigation · Tabbed Container · Container · Datatable · Activity Timeline · Bar Chart · Card · Text · Color Picker · Icon Picker
Flagship store record
Components: Header · Button · Metric · Image List · Video Player · Card · Formatted Address · Text · Datatable · Container · Avatar Group · Bar Chart
Vendor scorecard
Components: Header · Button Menu · Metric · Scoped Notification · Metrics Radar Chart · Card · Email Input · Phone Input · Datatable · Donut Chart
Product master record
Components: Header · Button · Progress Indicator · Metric · Visual Picker · Card · Color Picker · Text · Datatable · Barcode · Container · Pill Container · Input Choice Set
Clienteling customer profile
Components: Profile Card · Button · Text · Container · Metric · Image · Vertical Visual Picker · Datatable · Card · Counter
Promotion record
Components: Header · Button · Metric · Card · Date Range · Icon Picker · Stacked Pyramid Chart · Datatable · Text · Activity Timeline
Franchise owner account
Components: Header · Button · Scoped Notification · Metric · Container · Relationship Graph · Text · Pivot Table · Card · Audio Player · List
E-commerce order case
Components: Header · Button · Tabs · Metric · Tabbed Container · Container · Datatable · Card · URL Input · Expandable Section
Major gift proposal
Components: Header · Button Group · Progress Indicator · Metric · Repeatable · Container · Text · Badge · Visual Picker Link · Button · Bar Chart · Card · List · Signature Pad
Program site record
Components: Header · Button · Scoped Notification · Metric · Map · Image List · Dual Listbox · Card · Formatted Address · Text · List · Bar Chart
Foundation funder record
Components: Header · Button Menu · Scoped Notification · Metric · Relationship Graph · Card · Progress Indicator · Date Range · Datatable · Formatted Address · Text · Button
Volunteer profile
Components: Profile Card · Button · Badge · Text · Card · Counter · Text Input · Metric · Bar Chart · Audio Player · Container · Chip Container · Icon Picker · Datatable
Advocacy campaign record
Components: Header · Button Menu · Metric · Video Player · Card · URL Input · Stacked Pyramid Chart · Datatable
Social services client record
Components: Profile Card · Avatar Group · Card · Phone Input · Metric · Container · Tabs · Datatable · Vertical Visual Picker
Prospective student record
Components: Header · Button Menu · Metric · Navigation · Visual Picker · Card · Email Input · Activity Timeline
Research grant award
Components: Header · Button Menu · Metric · Pivot Table · Expandable Section · Progress Bar · Text · Repeatable · Container · Badge
Alumni mentor record
Components: Profile Card · Button · Badge · Text · Card · Barcode · Formatted Value · Metric · Relationship Graph · Image · Datatable · Pill Container · Toggle Input
Course offering record
Components: Header · Button · Progress Indicator · Metric · Card · Date Range · Text · Color Picker · Dual Listbox · Datatable · Pill Container · Toggle Input · Counter
Student-athlete record
Components: Profile Card · Button · Badge · Text · Card · Progress Bar · Formatted Value · Counter · Metric · Video Player · Metrics Radar Chart · Datatable · Checkbox
Campus facility record
Components: Header · Button Menu · Scoped Notification · Metric · Image List · Datatable · Card · Formatted Address · Text · Activity Timeline · Signature Pad · Button
Service team dashboard
Components: Header · Metric · Bar Chart · Line Chart · Progress Bar · Datatable · List
Patient care summary
Components: Avatar · Alert · Metric · Progress Bar · List · Datatable · Line Chart
Fundraising campaign dashboard
Components: Avatar · Progress Bar · Metric · Bar Chart · Donut Chart · Datatable · List · Alert
Sales agreement record
Components: Header · Button Menu · Progress Indicator · Metric · Combo Chart · Gauge Chart · Datatable · Donut Chart · Kanban · Activity Timeline · Container · Formatted Value · Avatar Group
Experience Site
68 examples
Self-service help center
Components: Banner · Metric · List · Text Block
Equipment knowledge base
Components: Banner · Search Input · Chip Container · List · Blockquote
Order tracking
Components: Alert · Progress Bar · Datatable · Activity Timeline · Map
Campus events
Components: Navigation · Banner · List · Avatar Group · Gallery
Fundraising campaign
Components: Banner · Progress Bar · Metric · Blockquote · Social Links
Partner portal home
Components: Text Block · Language Selector · Metric · Datatable · List
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
Small business loan center
Components: Text · Progress Indicator · Card · File Upload · Checkbox · Slider · Combo Chart · Accordion · Accordion Section · Chat · Phone Input · Combobox · Text Area · Button · List
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
Patient portal home
Components: Banner · Button · Container · List · Map · Datatable · Avatar Group · Tabs · Tree Grid · Video Player · Donut Chart
Telehealth waiting room
Components: Alert · Metric · Status · Card · Progress Indicator · Separator · Text · Profile Card · Stateful Button · List · Chat · Time Input · Number Input · File Upload · Audio Player · Slider
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
Supplier collaboration portal
Components: Banner · Line Chart · Donut Chart · Metrics Radar Chart · Bar Chart · Datatable · Card · URL Input · File Upload · Avatar Group · Calendar · Activity Timeline
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
Volunteer hub
Components: Banner · Container · Metric · Progress Bar · Text · Avatar Group · List · Calendar · Carousel · Button · Email Input · URL Input · Phone Input
Grant applicant portal
Components: Text Block · Button Dialog · Visual Picker Link · List · Profile Card · Button · Datatable · Card · Help Text · File Input · Layout · Accordion · Accordion Section · Agent Chat
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
Student portal home
Components: Navigation · Banner · Button Group · Scheduler · Container · Metric · Status · Number Input · Button · Text · Repeatable · Badge · Progress Bar · List · Avatar · Date Time Picker · Gallery · Social Links
Course catalog
Components: Banner · Search Input · Segmented Control · Chip Container · List · Tree Grid · Container · Text Input · Password Input · Button · Tabs · Scheduler · Rating · Profile Card
Career services center
Components: Banner · Datatable · Container · Flat Gauge Chart · Button · Calendar · Map · Stacked Bar Chart · Carousel · Avatar · List · Signature Pad · Camera
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
Course catalog browser
Components: Banner · Metric · Container · Carousel · List · Datatable · Scoped Notification
Client account overview
Components: Banner · Metric · Alert · Datatable · List · Bar Chart · Container · Avatar · Scoped Notification
LWC
62 examples
Executive KPI dashboard
Components: Metric · Progress Circle · Datatable
Store inventory monitor
Components: Page Header · Metric · Datatable · List
Production line monitor
Components: Status · Progress Bar · Activity Timeline · Tree
Weekly pipeline review
Components: Filter Menu Group · Metric · Datatable · Avatar Group
Advisor appointment booking
Components: Page Header · Visual Picker · Date Time Picker · Avatar Group · Chip Container
Course enrollment picker
Components: Vertical Visual Picker · Progress Circle · Pill Container · Calendar
Care team directory
Components: Filter Menu Group · List · Avatar Group · Leaflet Map
Trading risk monitor
Components: Page Header · Badge · Layout · Layout Item · Filter Menu · Combobox · Alert · Metric · Card · Datatable · Progress Bar · List
Branch operations console
Components: Page Header · Badge · Metric · List · Activity Timeline · Card · Filter Menu · Datatable · Layout · Layout Item · Progress Bar · Rating
Emergency department triage board
Components: Page Header · Dynamic Menu · Alert · Filter Menu Group · Metric · Layout · Layout Item · List · Datatable · Avatar Group
Pharmacy inventory control
Components: Alert · Page Header · Badge · Filter Menu Group · Layout · Layout Item · Metric · Expandable Section · Progress Bar · Status · Blockquote · Card · Date Range · Datatable · List
OEE dashboard
Components: Page Header · Input Choice Set · Layout · Layout Item · Metric · Progress Circle · Datatable · Leaflet Map · Expandable Section · Progress Bar · List · Visual Picker Link
Shipment control tower
Components: Page Header · Badge · List · Leaflet Map · Layout · Layout Item · Metric · Combobox · Pill Container · Datatable
Omnichannel order desk
Components: Page Header · Badge · Filter Menu Group · Metric · Datatable · Expandable Section · Layout · Layout Item · Activity Timeline · Barcode · Avatar · Blockquote · Chip Container · List · Icon Picker · Color Picker · Input Choice Set
Promotion performance
Components: Page Header · Filter Menu Group · Metric · Datatable · Card · Layout · Layout Item · Progress Circle · Calendar · Barcode · Color Picker · Date Range · Blockquote · Illustration · Color Palette · Color Gradient
Giving day war room
Components: Page Header · Badge · Progress Indicator · Layout · Layout Item · Metric · Data Carousel · Card · Datatable · Progress Bar · Avatar Group · List · Progress Circle
Food bank distribution planner
Components: Page Header · Input Choice Set · Metric · Leaflet Map · Layout · Layout Item · Progress Bar · Datatable · Dual Listbox · Card · List · Carousel
Faculty gradebook
Components: Page Header · Dynamic Menu · Alert · Filter Menu Group · Metric · Datatable · Card · Layout · Layout Item · Progress Bar · Status · List · Chat
Campus facilities booking
Components: Page Header · Dynamic Menu · Alert · Filter Menu Group · Map · Vertical Visual Picker · Date Time Picker · Card · Layout · Layout Item · Slider · Color Picker · Input Choice Set · Progress Bar · Avatar · Datatable
Robo-advisor rebalancing console
Components: Page Header · Badge · Layout · Layout Item · Metric · Data Carousel · Card · Datatable · Slider · Color Palette · Progress Bar
Loan servicing desk
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Calendar · Tree · Input Choice Set · Counter · Datatable · List
Claims photo review
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Indicator · Alert · Image List · Rating · Datatable · Signature Pad
Banking contact center
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Avatar · Chip Container · List · Chat · Datatable · Audio Player · Input Choice Set
Branch self-service kiosk
Components: Page Header · Chip Container · Badge · Metric · Card · Layout · Layout Item · Visual Picker · Avatar · Barcode · Microphone · List
Portfolio heat map
Components: Page Header · Badge · Metric · Map · Card · Layout · Layout Item · Progress Bar · Datatable · Color Gradient · Chip Container · List
KYC refresh queue
Components: Page Header · Badge · Metric · Datatable · Card · Progress Indicator · Dual Listbox · Date Time Picker · List · Activity Timeline
Radiology reading worklist
Components: Page Header · Badge · Metric · Datatable · Card · Tree · Image List · Layout · Layout Item · Microphone · List
Nurse shift handoff
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Avatar · Audio Player · Chip Container · Counter · Progress Indicator · Datatable · Activity Timeline · Avatar Group
Patient education library
Components: Page Header · Badge · Layout · Layout Item · Metric · Video Player · Card · Progress Bar · List · Data Carousel · Rating · Input Choice Set · Blockquote · Avatar · Chat
Lab results viewer
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Alert · Card · Chip Container · Datatable · Slider · Color Gradient · Activity Timeline · Blockquote · Avatar Group
Bed assignment board
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Card · Vertical Visual Picker · Pill Container · Datatable · Calendar · List · Progress Circle
Consent capture station
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Indicator · Barcode · Blockquote · Chip Container · Datatable · Input Choice Set · Signature Pad · Avatar · Combobox · Activity Timeline
Physical therapy exercise plan
Components: Page Header · Badge · Layout · Layout Item · Metric · Video Player · Card · Chip Container · Counter · Slider · Datatable · Illustration · Progress Bar · Visual Picker
Andon board
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Card · Status · Chip Container · Progress Bar · Color Palette · Combobox · Audio Player · Datatable · Avatar Group
Preventive maintenance planner
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Tree · Datatable · Calendar · Progress Bar · Counter · Combobox · Chip Container · Blockquote · Dual Listbox
Visual inspection station
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Indicator · Alert · Image List · Input Choice Set · Datatable · Rating · Combobox · Signature Pad
Fleet and yard tracker
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Map · Card · Progress Bar · Pill Container · Combobox · Data Carousel · Datatable · Avatar Group
Plant energy monitor
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Card · Progress Bar · Color Gradient · Chip Container · Slider · Illustration · Visual Picker · Datatable · Progress Circle
Operator training station
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Indicator · Video Player · Input Choice Set · Chip Container · Progress Bar · Microphone · Avatar Group · Datatable · Rating
Bill of materials explorer
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Card · Tree · Barcode · Chip Container · Progress Bar · Icon Picker · List · Datatable · Activity Timeline · Status
Point of sale checkout
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Card · Barcode · Counter · Chip Container · Avatar · Progress Bar · Datatable · Visual Picker · Input Choice Set
Product configurator
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Carousel · Color Palette · Chip Container · Vertical Visual Picker · Slider · Input Choice Set · Blockquote · Rating · Datatable · List
Planogram compliance
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Image List · Datatable · Card · Progress Bar · Color Gradient · Date Time Picker
Live shopping studio
Components: Page Header · Badge · Layout · Layout Item · Metric · Video Player · Card · Chat · Data Carousel · Blockquote · Rating · Progress Bar · List · Datatable
Same-day delivery dispatch
Components: Page Header · Badge · Layout · Layout Item · Metric · Map · Card · Avatar · Avatar Group · Datatable · Progress Bar · Combobox · Input Choice Set · Calendar · Activity Timeline
Customer feedback wall
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Chip Container · Data Carousel · Audio Player · List · Combobox · Microphone · Rating · Progress Bar · Datatable · Blockquote
Markdown optimizer
Components: Page Header · Badge · Layout · Layout Item · Metric · Alert · Card · Slider · Date Range · Progress Circle · Dual Listbox · Illustration · Datatable
Crisis hotline console
Components: Page Header · Badge · Layout · Layout Item · Metric · Chat · Card · Avatar · Input Choice Set · Chip Container · Avatar Group · Audio Player · List · Combobox · Slider · Datatable · Activity Timeline
Food rescue routing
Components: Page Header · Badge · Layout · Layout Item · Metric · Map · Card · Combobox · Counter · Input Choice Set · Pill Container · Progress Bar · Datatable · Activity Timeline
Volunteer check-in kiosk
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Chip Container · Avatar · Barcode · List · Visual Picker · Input Choice Set · Signature Pad · Avatar Group · Progress Bar
Digital donor wall
Components: Page Header · Badge · Layout · Layout Item · Metric · Data Carousel · Card · Color Palette · Datatable · Rating · Progress Bar · Chip Container · Blockquote · Avatar · Progress Circle · Avatar Group · List
Case notes and voice memos
Components: Page Header · Badge · Layout · Layout Item · Metric · Tree · Card · Microphone · Combobox · Counter · Input Choice Set · Chip Container · Date Time Picker · Activity Timeline · Datatable · Avatar Group
Campaign video studio
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Indicator · Video Player · Avatar Group · Input Choice Set · Image List · Progress Bar · Combobox · Rating · Chip Container · Datatable · Activity Timeline
Lecture capture and notes
Components: Page Header · Badge · Layout · Layout Item · Metric · Video Player · Card · Chip Container · Progress Bar · Input Choice Set · Blockquote · Microphone · Combobox · Audio Player · List · Datatable · Avatar Group · Rating
Exam proctoring console
Components: Page Header · Badge · Layout · Layout Item · Metric · Avatar · Card · Progress Bar · Counter · Combobox · Input Choice Set · Calendar · List · Chip Container · Datatable · Activity Timeline
Language lab
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Card · Progress Indicator · Audio Player · Slider · Microphone · Rating · Chip Container · Datatable · Activity Timeline
Art portfolio review
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Image List · Card · Color Palette · Chip Container · Progress Bar · Rating · Datatable · Input Choice Set · Combobox · Avatar Group · Signature Pad
Campus shuttle tracker
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Alert · Map · Card · List · Data Carousel · Progress Bar · Rating · Illustration
Curriculum map
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Alert · Card · Tree · Dual Listbox · Datatable · Color Gradient · Progress Indicator
Manufacturing quality dashboard
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Circle · List · Progress Bar · Datatable
Investment portfolio overview
Components: Page Header · Layout · Layout Item · Metric · Card · List · Datatable · Alert
Care plan viewer
Components: Page Header · Layout · Layout Item · Metric · Alert · Progress Bar · Card · Datatable · List