Pixault.Blazor 1.8.0

.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher. 
dotnet add package Pixault.Blazor --version 1.8.0
                    


                    

                
NuGet\Install-Package Pixault.Blazor -Version 1.8.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="Pixault.Blazor" Version="1.8.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Pixault.Blazor" Version="1.8.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Pixault.Blazor" />
                    


                            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 Pixault.Blazor --version 1.8.0
                    


                    

                
#r "nuget: Pixault.Blazor, 1.8.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 Pixault.Blazor@1.8.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=Pixault.Blazor&version=1.8.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Pixault.Blazor&version=1.8.0
                    


                            Install as a Cake Tool

Pixault.Blazor

Blazor component library for the Pixault image processing CDN.

Components

Component Description
PixaultUploader Drag-and-drop file uploader with progress tracking and previews
PixaultGallery Image gallery with folder navigation, search, and breadcrumbs
PixaultImageDetail Image detail view with metadata, URL builder, and edit controls
PixaultTransformManager Named transform (preset) management UI
PixaultPluginMarketplace Plugin discovery and installation interface

Installation

dotnet add package Pixault.Blazor

Setup

Register Pixault services in Program.cs:

builder.Services.AddPixault(options =>
{
    options.BaseUrl = "https://img.pixault.io";
    options.Project = "my-project";
    options.ApiKey = builder.Configuration["Pixault:ApiKey"];
});

builder.Services.AddPixaultBlazor();

Add the Radzen stylesheet and script to your App.razor or _Host.cshtml:

<link rel="stylesheet" href="_content/Radzen.Blazor/css/material-base.css" />
<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>

Usage

Upload Widget

<PixaultUploader Project="my-project"
                 MaxFiles="10"
                 MaxSizeMb="20"
                 OnUploadComplete="HandleUpload" />

<PixaultGallery Project="my-project"
                OnImageSelected="HandleImageSelected" />

Image Detail

<PixaultImageDetail Project="my-project"
                    ImageId="@selectedImageId" />

Image Component

<PixaultImage Project="tattoo" ImageId="img_01JKABC"
              Alt="Sunset tattoo" Quality="85"
              Widths="@(new[] { 400, 800, 1200 })"
              Sizes="(max-width: 800px) 100vw, 800px" />

Renders a <picture> element by default with AVIF/WebP/JPEG sources. Set UsePicture="false" for a single <img> tag with srcset.

Dependencies

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.

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.8.0 107 9/29/2026
1.7.1 144 9/9/2026
1.7.0 122 8/6/2026
1.6.0 200 8/1/2026
1.5.0 147 7/25/2026
1.4.2 137 7/15/2026
1.4.1 137 7/14/2026
1.4.0 145 7/8/2026
1.3.0 432 4/1/2026
1.2.0 164 3/18/2026
1.0.4 136 3/18/2026
1.0.3 137 3/17/2026
1.0.1 155 3/12/2026
1.0.0 154 3/12/2026

- `PixaultGallery` gains `AllowBulkActions` (default true, so existing galleries are unchanged).
 Set it false when the gallery is a picker. The per-card tick boxes drive bulk Move/Delete and
 stop the click reaching the card's select handler, so in a chooser dialog they look like
 choose this one while actually arming a Delete and never raising `OnImageSelected`.
 With `AllowBulkActions=false` the tick boxes, select all and the bulk bar are hidden, and
 clicking a card is the only selection gesture.
- List view now highlights the row raised through `OnImageSelected`, not only bulk-ticked rows.