StickFigurez

Animated SVG stick-figure components for Blazor.

Install

dotnet add package StickFigurez

Use

In _Imports.razor:

@using StickFigurez.Components

In a page or component:

<Celebrator Size="48" Speed="5" />
<Chef Size="32" Speed="5" />
<Cleaner Size="32" Speed="5" />
<Cloner Size="32" Speed="6" />
<Coder Size="32" Speed="6" />
<Crafter Size="32" Speed="5" />
<Enforcer Size="32" Speed="5" />
<Githubber Size="32" Speed="5" />
<Investigator Size="32" Speed="5" />
<JackSparrow Size="32" Speed="7" />
<Locksmith Size="32" Speed="5" />
<Lover Size="32" Text="❤" />
<Mailer Size="32" Speed="5" />
<Moper Size="32" Speed="4" />
<Printer Size="32" Speed="5" />
<Reader Size="32" Speed="4" />
<Runner Size="32" Speed="7" />
<Scientist Size="32" Speed="5" />
<Searcher Size="32" Speed="5" />
<Signer Size="32" Speed="5" Text="STOP" />
<Snapper Size="32" Speed="5" />
<Teacher Size="32" Speed="5" />
<VibeCoder Size="32" Speed="4" />
<Waiting Size="32" Speed="5" />

Color follows currentColor — set CSS color on a parent.

Sizing

Size sets the rendered height in pixels. The rendered width is derived from each figure's viewBox aspect, so wider figures (Crafter, Cloner, Teacher, Scientist, Locksmith, Coder, VibeCoder, Runner, JackSparrow, Investigator, Cleaner, Mailer, Moper, Searcher, Signer, Snapper, Waiting) keep correct proportions instead of being squashed into a square. Square figures (Celebrator, Chef) render at Size × Size. Reserve a slightly wider slot for non-square figures, or constrain via CSS on the parent if you need a fixed bounding box.

Components

Component	Notable parameters
Celebrator	Size, Speed (1–10)
Chef	Size, Speed (1–10)
Cleaner	Size, Speed (1–10)
Cloner	Size, Speed (1–10)
Coder	Size, Speed (1–10)
Crafter	Size, Speed (1–10)
Enforcer	Size, Speed (1–10)
Githubber	Size, Speed (1–10)
Investigator	Size, Speed (1–10)
JackSparrow	Size, Speed (1–10)
Locksmith	Size, Speed (1–10)
Lover	Size, Speed (1–10), Text
Mailer	Size, Speed (1–10)
Moper	Size, Speed (1–10)
Printer	Size, Speed (1–10)
Reader	Size, Speed (1–10)
Runner	Size, Speed (1–10)
Scientist	Size, Speed (1–10)
Searcher	Size, Speed (1–10)
Signer	Size, Speed (1–10), Text
Snapper	Size, Speed (1–10)
Teacher	Size, Speed (1–10)
VibeCoder	Size, Speed (1–10)
Waiting	Size, Speed (1–10)

Demo

Live demo: https://stickfigurez.com/

Run locally:

dotnet run --project samples/StickFigurez.Demo

Build

dotnet build
dotnet pack src/StickFigurez -c Release -o artifacts

Versioning via Nerdbank.GitVersioning — see version.json.

Release

1. nbgv prepare-release (creates a release/v0.x branch).
2. Tag the release commit v0.x.y and push the tag.
3. CI publishes the package to NuGet.org.

Star History

License

MIT — see LICENSE.