Reusable Blazor components for building modern .NET web interfaces.
CloudComponents Core
Core Blazor UI primitives for dialogs, popups, switches, tabs, progress indicators, volume controls, and safely rendered Markdown documentation.
Installation
dotnet add package AngryMonkey.CloudComponents
Components
| Component | Purpose |
|---|---|
PopupComp |
Programmatically controlled popup content |
Dialog |
Modal confirmation and action workflows |
Switch |
Boolean and optional tri-state input |
CopyButton |
Copies text to the clipboard with a checkmark confirmation |
Tabs |
Structured tab navigation |
ProgressBar |
Interactive or display-only progress |
VolumeBar |
Compact audio volume input |
CloudMarkdown |
Remote or inline Markdown renderer with safe HTML handling, route-aware links, and fragment navigation |
CloudMarkdown
CloudMarkdown renders Markdown from a URL or an in-memory string without inheriting surrounding page typography. It supports GitHub raw and blob URLs, rewrites relative GitHub README links through DocumentRoutes, and scrolls fragment links without retaining a hash in the address bar.
Register the HTTP client once in your host application:
builder.Services.AddHttpClient();
Then add the namespace and use the component:
@using AngryMonkey.CloudComponents.Markdown
<CloudMarkdown SourceUrl="https://raw.githubusercontent.com/owner/repository/main/README.md"
DocumentRoute="/documentation"
DocumentRoutes="@_documentRoutes" />
Set Content for Markdown already loaded by your application. Supply DocumentUrl with Content when it contains relative links. LoadingTemplate, ErrorTemplate, EmptyTemplate, and Class provide presentation customization. The component resets inherited page styles and owns its complete Markdown design. Pass theme overrides through Style using component-local variables such as --cloudcomponents-markdown-link, --cloudcomponents-markdown-surface, and --cloudcomponents-markdown-font-size. Raw HTML is deliberately disabled; this keeps remotely hosted documentation safe by default.
Angry Monkey Cloud
This package is part of the Angry Monkey Cloud open-source ecosystem. Follow the shared AI development instructions and browse the GitHub organization for related projects.