BlazorClauding 1.0.0

.NET 10.0

dotnet add package BlazorClauding --version 1.0.0

NuGet\Install-Package BlazorClauding -Version 1.0.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="BlazorClauding" Version="1.0.0" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="BlazorClauding" Version="1.0.0" />
                    

                            Directory.Packages.props

<PackageReference Include="BlazorClauding" />
                    

                            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 BlazorClauding --version 1.0.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: BlazorClauding, 1.0.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 BlazorClauding@1.0.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=BlazorClauding&version=1.0.0
                    

                            Install as a Cake Addin

#tool nuget:?package=BlazorClauding&version=1.0.0
                    

                            Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

BlazorClauding

A whimsical Claude-Code-style loading spinner for Blazor. It pairs an animated glyph with a playful present-participle word — Clauding, Reticulating, Pondering, Caramelizing — that can be fixed, random, or cycling through the full list of 187 words.

Inspired by the rotating status words the Claude CLI shows next to its spinner.

Install

dotnet add package BlazorClauding

Usage

Add the namespace to your _Imports.razor:

@using BlazorClauding

Then drop the component anywhere:

<ClaudingSpinner />                       @* default: "Clauding…" *@
<ClaudingSpinner Word="Pondering" />      @* a fixed word *@
<ClaudingSpinner Random="true" />         @* one random word at startup *@
<ClaudingSpinner Cycle="true" />          @* cycle through words *@

Parameters

Parameter	Type	Default	Description
`Word`	`string?`	`null`	Fixed word to show. Takes precedence over `Random`/`Cycle`.
`Random`	`bool`	`false`	Pick one random word at startup.
`Cycle`	`bool`	`false`	Change the word on an interval.
`WordInterval`	`TimeSpan`	`1.2s`	How often the word changes when cycling.
`FrameInterval`	`TimeSpan`	`80ms`	How often the spinner glyph advances.
`Words`	`IReadOnlyList<string>?`	full built-in list	Custom word pool to draw from.
`Frames`	`IReadOnlyList<string>?`	star frames	Custom glyph animation frames (`StarFrames` / `BrailleFrames` provided).
`Suffix`	`string`	`"…"`	Text appended after the word.
`CssClass`	`string?`	`null`	Extra CSS class(es) on the root element.

Any extra attributes (e.g. style, data-*) are splatted onto the root element.

Styling

The component ships scoped CSS and exposes CSS variables for theming:

<ClaudingSpinner Cycle="true"
                 style="font-size: 1.5rem; --clauding-color: #6d4aff;" />

Variable	Purpose
`--clauding-color`	Base color
`--clauding-glyph-color`	Spinner glyph color
`--clauding-word-color`	Word color

Respects prefers-reduced-motion.

The word list

All words are exposed via the static ClaudingWords class:

ClaudingWords.All;        // IReadOnlyList<string> — all 187 words
ClaudingWords.Count;      // 187
ClaudingWords.Random();   // a single random word

Project layout

BlazorClauding/
├── src/BlazorClauding/            # the Razor class library (NuGet package)
├── samples/BlazorClauding.Docs/   # Blazor WebAssembly docs + live samples
├── .github/workflows/
│   ├── nuget.yml                  # pack & push to NuGet.org on v* tags
│   └── deploy.yml                 # publish docs to GitHub Pages on push to main
└── README.md

Build & run locally

dotnet build
dotnet run --project samples/BlazorClauding.Docs

The docs site is published to GitHub Pages: https://agriffard.github.io/BlazorClauding/

Releasing

Docs deploy automatically on every push to main.
NuGet publishes when you push a v* tag (set the NUGET_API_KEY repo secret first):
```
git tag v1.0.0
git push origin v1.0.0
```

License

MIT

Product	Compatible and additional computed target framework versions.
.NET	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.

net10.0
- Microsoft.AspNetCore.Components.Web (>= 10.0.8)

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
1.0.0	77	5/29/2026

Initial release: ClaudingSpinner component with fixed, random, and cycling words; customizable frames and CSS-variable theming.