The Blazor component library where AI is part of the interface.

Name: DRYL.Components
Author: Jan

95 components for Blazor Server and WebAssembly. Translucent surfaces, motion on every state change, and one shared vocabulary that shows people when a model is thinking, streaming or done.

bash

dotnet add package DRYL.Components

15 seconds of DRYL — components that move, tool calls and UI tools in a chat, the AI Canvas and voice mode.

Components: 95
AI-aware: 53
JavaScript dependencies: 0
Targets: .NET 8, 9, 10
License: MIT

One state, every surface

Wrap a region in DrylAiScope and every AI-aware component inside it shows the same state. A slow aura when AI is available, a tight pulse while a tool runs, a sheen while text streams, a calm bloom when the answer is in, and a still edge while a suggestion waits for your decision.

People learn the signal once and read it everywhere: in inputs, stats, tables, alerts and code blocks.

razor

<DrylAiScope State="@state">
    <DrylTextarea @bind-Value="reply" />
    <DrylStat Label="Confidence" Value="92%" />
</DrylAiScope>

Reply draft

Answer confidence

92%

Agent interfaces, ready to wire up

DRYL.Components.Agents connects the Microsoft Agent Framework to the interface. Runs, tool calls and their results render as components, not as log lines.

Start in three steps

Add the package, register the services, use a component. The setup guide covers the stylesheet and script tags.

Install the package
bash
```
dotnet add package DRYL.Components
```
Register the services
csharp
```
builder.Services.AddDrylComponents();
```
Use a component
razor
```
<DrylButton>Ship</DrylButton>
```

One state, every surface

Agent interfaces, ready to wire up

Start in three steps

Install the package

Register the services

Use a component