DRYL COMPONENTS
Color mode: System — switch to light
2.20.1
Component Library Blazor Server + WASM .NET 10

The AI-native component library for modern Blazor apps.

DRYL is the AI-native Blazor UI component library. Translucent surfaces stacked on a deep-dark or luminous-light ground — following your system, switchable anytime — accents that glow instead of shout, and AI treated as a first-class state of the UI. What sets it apart: a shared AI-State vocabulary (None / Active / Thinking / Streaming / Generated) that lights up any AI-aware surface, a glass, two-mode identity that holds together across dark and light, zero JS dependencies, and every component animated by default — never a hard cut or snap.

When DRYL fits: teams building modern, AI-forward Blazor apps who want a cohesive, animated, accessible design system out of the box. When it doesn't: apps needing a large third-party widget ecosystem today, or non-Blazor stacks.

Components
91
AI-aware
52
JS dependencies
0
Target
.NET 10
Vision

Four principles

Glass, not plastic

Translucent layers with backdrop-blur on pure black — never a solid fill.

Indirect light

Accents glow as gradients, 1px borders and rings — never a loud background.

Motion with meaning

Three durations, three easings. Nothing glitchy, nothing broken.

AI-native

One shared AiState vocabulary lights up every AI-aware surface.

Showcase

A few pieces, live

Online Accent
AI is a first-class state
Drive any AI-aware component with the shared Ai parameter to show where the model is at work.

Reconnecting to the server…

Attempt /

Next try in s