DRYL.Components 2.8.0

There is a newer version of this package available.
See the version list below for details.
dotnet add package DRYL.Components --version 2.8.0
                    
NuGet\Install-Package DRYL.Components -Version 2.8.0
                    
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="DRYL.Components" Version="2.8.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="DRYL.Components" Version="2.8.0" />
                    
Directory.Packages.props
<PackageReference Include="DRYL.Components" />
                    
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 DRYL.Components --version 2.8.0
                    
#r "nuget: DRYL.Components, 2.8.0"
                    
#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 DRYL.Components@2.8.0
                    
#: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=DRYL.Components&version=2.8.0
                    
Install as a Cake Addin
#tool nuget:?package=DRYL.Components&version=2.8.0
                    
Install as a Cake Tool

DRYL — Blazor Component Library

A dark, glassy, AI-native UI component library for Blazor Server and Blazor WebAssembly.

Status: Early development (0.x). Expect breaking changes until 1.0.

DRYL — design system overview

Why DRYL

  • Token-driven — every color, spacing, radius, shadow and duration is a CSS variable. No magic numbers.
  • Light & dark — one glass identity in two color modes; follows the system, switchable and persisted at runtime.
  • Glass surfaces — translucent layers with backdrop-filter, never solid blocks.
  • AI-aware — every interactive surface can opt into an AiState (Active / Thinking / Streaming / Generated), giving users one visual language for "where is the AI working".
  • No JS frameworks — zero npm packages on top of Blazor; just CSS, Razor and minimal interop.
  • Accessible by default — keyboard-reachable, ARIA-labeled, visible focus rings.

Install

dotnet add package DRYL.Components

Supports .NET 8, 9 and 10.

Quick start

1. Register services in Program.cs:

builder.Services.AddDrylComponents();

2. Reference the stylesheet in your host page (App.razor / _Host.cshtml / index.html):

<link rel="stylesheet" href="_content/DRYL.Components/dryl.css" />

3. Add the providers once in your root layout (for service-driven dialogs, toasts and notifications):

<DrylDialogProvider />
<DrylToastProvider />

4. Use components:

@using DRYL.Components

<DrylCard>
    <DrylButton Variant="ButtonVariant.Primary">Hello DRYL</DrylButton>
</DrylCard>
Product Compatible and additional computed target framework versions.
.NET 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 (1)

Showing the top 1 NuGet packages that depend on DRYL.Components:

Package Downloads
DRYL.Components.Agents

Companion package for DRYL.Components: bridges the Microsoft Agent Framework to DRYL's AI vocabulary — automatic AiState from an agent run, structured streaming UI (DrylAiGenerate<T>), ready-made DrylDialog-backed human-in-the-loop tool functions, and display tools that let the model answer with live DRYL components inline in the chat (DrylDisplayTools + DrylAgentAttachments).

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
2.20.1 36 7/30/2026
2.20.0 69 7/29/2026
2.19.0 76 7/28/2026
2.18.0 101 7/26/2026
2.17.1 90 7/26/2026
2.17.0 98 7/26/2026
2.16.1 92 7/26/2026
2.15.0 104 7/25/2026
2.13.0 108 7/25/2026
2.12.0 107 7/25/2026
2.11.0 110 7/25/2026
2.10.0 119 7/22/2026
2.9.0 118 7/20/2026
2.8.3 97 7/16/2026
2.8.2 96 7/16/2026
2.8.0 92 7/12/2026
2.7.1 106 7/12/2026
2.7.0 96 7/12/2026
2.5.0 101 7/12/2026
2.4.2 95 7/12/2026
Loading failed