DRYL COMPONENTS
Color mode: System — switch to light
2.20.1
Surfaces

DrylMarkdown

Renders Markdown (CommonMark + GFM) into the DRYL aesthetic. Fenced code blocks become DrylCodeBlocks; raw HTML is disabled so model-authored markup is escaped, not executed. Bind it to a streaming completion and it re-renders as tokens arrive.

Rich content

DRYL Markdown

DRYL is glassy, alive — and AI-native. Some highlights:

  • Token-driven styling
  • AiState woven through every surface
  • Zero npm dependencies

The model proposes, the user reviews, the user approves.

Component AI mode
DrylCard yes
DrylBadge no
csharp
var pipeline = new MarkdownPipelineBuilder()
    .UseAdvancedExtensions()
    .DisableHtml()
    .Build();

See the docs for more.

AI streaming & reveal

AI

XSS is neutralised

Raw HTML in the source is escaped rather than rendered.

Here is some safe text, but the following is escaped:

<script>alert('xss')</script>

<img src=x onerror="alert(1)">

An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s