Components

Every component the library covers: themes for Avalonia's own controls, and new controls for the small components Avalonia lacks.

Button – A button in every color, modifier and size, as classes on Avalonia's Button
Button Group – Buttons joined into one bar, sharing their inner edges and keeping only the outer corners
Dropdown Button – A button with a caret half that opens a menu, as Avalonia's SplitButton
Link – A text link in the link color, as HyperlinkButton
Toggle – A toggle button, ghost or outlined, as ToggleButton
Toggle Group – Toggles that select one or several items, as a ListBox with the toggle-group class

Calendar – A month view in a bordered card, with month and year pickers
Checkbox – A checkbox with the check mark fading in on a spring
Clipboard – A ghost icon button that copies its text and shows a check mark afterwards
Color Picker – Avalonia's ColorPicker as a swatch or an input field with a popover, from the AvaloniaUIKit.ColorPicker package
Combobox – A select that filters as you type, as ComboBox or AutoCompleteBox
Date Picker – An input frame that opens a calendar
Form – A form grid, with labelled fields, required marks and descriptions
Input – An input frame with a focus ring and a placeholder, as Avalonia's TextBox
Input Group – A text field with prefix and suffix addons inside one frame
Number Input – A numeric field with minus and plus buttons, as NumericUpDown
Radio – A radio button, with the dot fading in on a spring
Rating – Stars to pick and show a rating
Select – A select: an input frame that opens a list in its popover
Slider – A pill track filled up to the value, with a ring around the thumb on hover and drag
Switch – An on-off switch, with the thumb sliding on a spring
Textarea – A multi-line input in the Input's frame, as TextBox with AcceptsReturn
Time Field – Hour and minute segments in an input frame, as TimePicker

Avatar – A circular avatar with an image, initials or a placeholder, and a group that overlaps them
Badge – A count, a dot or an icon over the top right corner of its content
Bubble – A chat bubble: text on a rounded surface in one of seven looks, aligned to a side, with a reaction
Data Table – A data table as Avalonia's TableView, or DataGrid with the AvaloniaUIKit.DataGrid package
Description List – Labels and values in a grid, with spans and separators
Icon – Lucide icons as geometry for PathIcon
Image – Avalonia's Image with rounded corners and five fits
Kbd – A key cap for keyboard shortcuts, written in each platform's notation
Label – A fixed line height and secondary text, for TextBlock and Label
List – List rows with hover, selection and the overlay scrollbar, as ListBox
Message – A chat message: bubbles with a header, a footer and an avatar, aligned to a side
Status Bar – A thin bar of muted regions along the bottom of a window
Table – A plain table, as a TableView with a named theme
Tag – A small colored label, filled or outlined, in the theme's and the palette's colors
Tree – Tree rows with folder and file icons, as TreeView
Virtual List – A virtualized list with the List's rows, as ListBox over a VirtualizingStackPanel

Breadcrumb – Muted path items with a chevron between them; the last one in the foreground color
Pagination – Previous, numbered pages and Next, as a PipsPager
Sidebar – A sidebar collapsing to icons or off canvas, as SplitView and DrawerPage
Stepper – Numbered or icon steps joined by lines, with the current one highlighted
Tabs – A tab bar in its default, outline, pill, segmented and underline looks, as TabStrip and TabControl
Toolbar – A toolbar of ghost buttons and separators, as CommandBar

Hover Card – A card that opens next to its content on hover, after a delay, on the popover surface
Menu – Popup menus and a menu bar: Menu, ContextMenu and MenuFlyout
Popover – The popover surface, with an arrow or without any surface, as Avalonia's Flyout
Sheet – A panel sliding in from a side over the dimmed content, as DrawerPage in its overlay mode
Tooltip – A tooltip bubble, fading and sliding in above its trigger, as ToolTip

Alert – A message with a title and an icon in the info, success, warning and error colors
Empty – An empty state: media, a title, a description and actions, centered
Marker – A muted status line with an icon or a spinner, and optional separators
Notification – Notification cards, sliding in and fading out, as Avalonia's WindowNotificationManager
Progress – A progress bar, determinate and indeterminate, as Avalonia's ProgressBar
Progress Circle – A ring showing progress, as a ProgressBar with a named theme
Shimmer – Text with a highlight sweeping across it
Skeleton – A placeholder bar pulsing while content loads
Spinner – A turning loader icon, as a ProgressBar with a named theme

Accordion – Expanders stacked in an accordion frame, opening and closing on a spring
Carousel – One page at a time, sliding on a spring, with dots as a PipsPager
Collapsible – A header that reveals its content at its natural height, on a spring
Group Box – A titled group in normal, fill and outline looks, as Avalonia's GroupBox
Resizable – A resize handle between panels, as Avalonia's GridSplitter
Scrollable – Overlay scrollbars, as Avalonia's ScrollViewer
Separator – A 1px line in the border color, horizontal, vertical or dashed
Title Bar – A title bar and window border, as the decorations Avalonia draws itself