Arcadia.UI 1.0.0-beta.22

.NET 5.0 This package targets .NET 5.0. The package is compatible with this framework or higher.
This is a prerelease version of Arcadia.UI. 
dotnet add package Arcadia.UI --version 1.0.0-beta.22
                    


                    

                
NuGet\Install-Package Arcadia.UI -Version 1.0.0-beta.22
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Arcadia.UI" Version="1.0.0-beta.22" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Arcadia.UI" Version="1.0.0-beta.22" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Arcadia.UI" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Arcadia.UI --version 1.0.0-beta.22
                    


                    

                
#r "nuget: Arcadia.UI, 1.0.0-beta.22"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Arcadia.UI@1.0.0-beta.22
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Arcadia.UI&version=1.0.0-beta.22&prerelease
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Arcadia.UI&version=1.0.0-beta.22&prerelease
                    


                            Install as a Cake Tool

<p align="center"> <strong>Arcadia.UI</strong><br> <em>46 essential Blazor UI components: Dialog, Tabs, Card, CommandPalette, HoverCard, Popover, TreeView, and more</em> </p>

Why Arcadia UI?

  • Pure Blazor — no JavaScript required for any component
  • Accessible — WCAG 2.1 AA: focus traps, ARIA roles, keyboard navigation
  • Themeable — CSS custom properties integrate with Arcadia.Theme
  • Lightweight — each component is a single Razor file, tree-shakeable

Components (46)

Component Description
Accordion Expandable content sections
Alert Contextual feedback messages
AspectRatio Maintain width/height ratio for content
Avatar User avatar (image or initials)
Badge Status indicator (count or dot)
Breadcrumb Navigation breadcrumb trail
Card Content card with header/body/footer, glassmorphism variants
Carousel Image/content slideshow
Chip Compact element for tags and selections
CircularProgress Circular progress indicator
ColorPicker Color selection input
CommandPalette Searchable command launcher (Ctrl+K)
ContextMenu Right-click context menu
DatePicker Date selection input
Dialog Modal dialog with overlay, focus trap, Escape close
Drawer Slide-out panel from any edge
EmptyState Placeholder for empty content areas
HoverCard Rich content preview on hover
Menu Dropdown menu with items
Pagination Page navigation controls
Popover Floating content anchored to a trigger
Progress Linear progress bar
Rating Star rating input
ScrollArea Custom scrollbar container
Separator Visual divider between sections
Sidebar Collapsible navigation sidebar
Skeleton Loading placeholder with shimmer animation
Slider Range input slider
Spinner Loading spinner animation
Stepper Multi-step workflow indicator
Switch Toggle switch input
Tabs Tabbed content with arrow key navigation
TagInput Multi-value tag input field
TextArea Multi-line text input
Timeline Vertical event timeline
Tooltip Hover tooltip with 4 positions
TreeView Hierarchical tree navigation

Quick Start

dotnet add package Arcadia.UI
dotnet add package Arcadia.Theme

<link href="_content/Arcadia.Theme/css/arcadia.css" rel="stylesheet" />
<link href="_content/Arcadia.UI/css/arcadia-ui.css" rel="stylesheet" />

@using Arcadia.UI.Components

<ArcadiaDialog @bind-Visible="showDialog" Title="Confirm Delete">
    <p>Are you sure you want to delete this item?</p>
    <FooterTemplate>
        <button @onclick="() => showDialog = false">Cancel</button>
        <button @onclick="Delete">Delete</button>
    </FooterTemplate>
</ArcadiaDialog>

<ArcadiaTabs>
    <ArcadiaTabPanel Title="Overview">Overview content</ArcadiaTabPanel>
    <ArcadiaTabPanel Title="Details">Details content</ArcadiaTabPanel>
</ArcadiaTabs>

Live Demo · Documentation · GitHub

Product Compatible and additional computed target framework versions.
.NET net5.0 is compatible.  net5.0-windows was computed.  net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.0.0-beta.22 83 5/20/2026
1.0.0-beta.21 81 4/4/2026
1.0.0-beta.19 76 3/30/2026
1.0.0-beta.18 78 3/30/2026
1.0.0-beta.17 69 3/29/2026
1.0.0-beta.16 74 3/29/2026
1.0.0-beta.15 71 3/29/2026
1.0.0-beta.13 71 3/27/2026
1.0.0-beta.12 71 3/27/2026

https://arcadiaui.com/docs — 9 essential UI components for Blazor. All accessible, themeable, zero JavaScript. Focus traps, ARIA roles, keyboard navigation.