Explore All Components

Build any of these components with your AI assistant

Avonni ships a hosted MCP server and agent skills that give Claude, Cursor, and GitHub Copilot real knowledge of every component on this page. Describe what you want ("a Kanban of Opportunities grouped by stage", "a Map of my Accounts with a search bar") and get a ready-to-review component.

Discover Build with AI

Data Display

Calendar

Carousel

Data LWC Container

Data Table

Kanban

List

Map

Pivot Table

Relationship Graph

Timeline

Tree

Vertical Navigation

Presentation

Alert

Audio Player

Avatar

Avatar Group

Badge

Barcode

Blockquote

Chip Container

Formatted Address

Formatted Name

Formatted Value

Help Text

Icon

Illustration

Image

Image List

Loading Spinner

Metric

PDF Viewer

Pill Container

Progress Bar

Progress Circle

Progress Indicator

Scoped Notification

Separator

Status

Text

Video Player

Visual Picker

Containers

Accordion

Card

Columns

Container

Header

Media Object

Navigation Container

Profile Card

Section

Tabbed Container

Tabs

Text Inputs

Input Text

Text Area

Input Email

Input Password

Input Phone

Input Search

Input URL

Date and Time Inputs

Date

Date Picker

Date Range

Date Time Picker

Input Date

Input Datetime

Input Time

Time Range Picker

Number Inputs

Counter

Input Number

Range Slider

Slider

Select Inputs

Checkbox

Checkbox Button

Checkbox Group

Checkbox Tree

Combobox

Dual Listbox

Input Choice Set

Segmented Control

Toggle

Special Inputs

Barcode Scanner

Color Input

Document Scanner

Icon Picker

Input Pen (Signature)

Microphone

NFC Tag Scanner

Vertical Visual Picker

Visual Picker

Buttons

Button

Button Group

Button Icon

Button Menu

Button Stateful

Charts

Chart

Others

Dynamic Component

Flow

LWC Container

Record Detail

Record Picker

Last updated 1 month ago

Was this helpful?