Blazor Power Tools

The professional component library for Blazor developers

Ship faster with 35+ production-ready components. From form controls and date pickers to AI-powered transcription, GPU-accelerated animations, and real-time server monitoring — everything you need in one package.

35+ Components
Server + WASM Rendering
.NET 10 Framework
Full Theming
WebGL GPU Accelerated

Everything you need to build modern Blazor apps

A comprehensive toolkit covering UI, AI, media processing, and developer productivity.

23 Components

Form & UI Controls

Dropdowns, date/time pickers, sliders, ratings, switches, text inputs, multi-selects, color pickers, checkboxes, file uploads, and more. All with validation, theming, and keyboard navigation.

3 Components

AI & Audio

Speech-to-text with real-time transcription using pluggable backends — Whisper (local), Azure Speech Services, or OpenAI. Add voice input to forms or build full transcription workflows.

5 Components

Images & Animation

GPU-accelerated animation effects via WebGL, image analysis with edge detection, carousels with GIF export, and ONNX-based object detection — all running directly in the browser.

6 Components

Developer Tools

In-browser SSH terminal, real-time server monitoring with CPU/GPU/memory metrics, visual theme builder, render diagnostics, and browser window tracking for admin dashboards.

Built for serious work, not just demos

Professional-grade tools that run entirely in the browser. No plugins, no desktop apps, no compromises.

Image & Banner Editor

A desktop-class image editor inside your Blazor app

Full layer support, 23 drawing tools, blend modes, adjustments, and export to PNG, JPEG, WebP, or SVG. Switch to Banner Editor mode to design multi-format ad creatives from a single canvas.

  • Multi-layer with blend modes
  • Curves, levels, color balance
  • Clone stamp & spray tools
  • Edge detection & analysis
  • 4 built-in themes
  • Save/load native .BPTI format
  • Banner template presets
  • Crop, skew, smart filters
Try the live demo
BptImageEditor — dark theme with toolbars, layers panel, swatches, and canvas
Terminal Client

SSH access directly from the browser

A full terminal emulator with multi-tab sessions, real shell access via PTY allocation, and 9 themes from modern dark to retro Commodore 64. Embed admin consoles, build deployment dashboards, or give developers a browser-based dev environment.

  • Real PTY shell access
  • Multi-tab sessions
  • 9 themes (modern + retro)
  • Sandbox mode for demos
  • Docked, floating, collapsed
  • Auto-reconnect
  • Full ANSI color support
  • Cross-platform shells
Try the live demo
Terminal 1
deploy-prod
+
solrun@blazorpowertools ~$ dotnet build
BlazorPowerTools → bin/Debug/net10.0/BlazorPowerTools.dll
Build succeeded.
0 Warning(s)
0 Error(s)
 
solrun@blazorpowertools ~$ docker compose -f docker-compose.prod.yml up -d
[+] Running 1/1
✓ Container blazorpowertools Started
 
solrun@blazorpowertools ~$ curl -s https://localhost:7171/health
{"status":"Healthy","uptime":"04:23:17"}
 
solrun@blazorpowertools ~$
Dark Nord C64 MS-DOS Amiga
Server Monitor

Real-time server metrics in your dashboard

Drop a live monitoring widget into any Blazor page. WebGL-rendered charts stream CPU, GPU, memory, and network data over SignalR — including per-core breakdowns and top processes. Monitor local or remote servers from a single dashboard.

  • CPU, GPU, memory, network
  • Per-core breakdown
  • WebGL line charts
  • Live process list
  • Multi-server support
  • Real-time log streaming
  • 6 themes (incl. NVIDIA, ROG)
  • Sandbox mode for demos
Try the live demo
Server Monitor
Linux 14:23:05
CPU 34%
8 cores · top: dotnet (12.3%)
GPU 57%
NVIDIA RTX 4070 · 4.2 / 12 GB · 62 °C
Memory 68%
10.9 / 16.0 GB used
Network 2.4 MB/s
2.4 MB/s 0.8 MB/s
Dark Light NVIDIA ASUS ROG Nord
Data Flow

Visual data pipeline designer

Build and manage data pipelines with a visual drag-and-drop designer inspired by Apache NiFi. Connect sources and targets across email, files, FTP/SFTP, databases, and REST APIs — with real-time execution monitoring via SignalR.

  • Visual flow builder
  • Email, File, FTP/SFTP connectors
  • Database & REST API support
  • Glob/regex filtering
  • JSON export/import
  • Real-time execution status
  • 4 themes (Dark, Light, Blueprint, Nord)
  • Sandbox mode for demos
Try the live demo
Data Flow Designer
SANDBOX
FILE
Input Directory
COMPLETED
DATABASE
Transform Data
RUNNING
SFTP
Upload Results
PENDING
Dark Light Blueprint Nord

Up and running in minutes

Three steps to your first Blazor Power Tools component.

1

Install the package

dotnet add package BlazorPowerTools
2

Register in Program.cs and wrap your layout

// Program.cs builder.Services.AddBlazorPowerTools(); // MainLayout.razor (or base layout) <BptRootComponent> @Body </BptRootComponent>
3

Use components

<BptDateSelector @bind-Value="selectedDate" /> <BptDropdown Items="items" @bind-Value="selected" /> <BptRating @bind-Value="rating" MaxValue="5" /> <BptSwitch @bind-Value="isEnabled" Label="Dark mode" />

Resources & Support

Everything you need to be productive with Blazor Power Tools.

An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.