Learning Resources
Tutorials, guides, and community resources to help you master Blazor Power Tools.
Recommended Learning Path
New to Blazor Power Tools? Follow this path to get productive quickly:
Tutorials
Building a Form with BPT Controls
Learn how to build a complete data entry form using BptTextInput, BptDropdown, BptDateSelector, and BptSwitch. Covers two-way binding, validation, and form submission.
Adding a Date/Time Picker to Your App
A focused guide on using BptDateSelector, BptTimeSelector, and BptDateTimeSelector. Covers format culture, range constraints, and date range selection.
Speech-to-Text Integration
Set up BptSpeechToText and BptRealTimeTranscriber with different backends: local Whisper, Azure Speech Services, and OpenAI. Includes voice-activated form filling.
Image Processing in the Browser
Use BptImageAnalysis for edge detection (Sobel, Canny, Contour, Skeleton) and BptAnimationEffect for GPU-accelerated visual effects. All processing runs client-side.
Building an Admin Dashboard
Combine BptServerMonitor, BptTerminalClient, and BptThemeBuilder into a complete administration dashboard with authentication, role-based access, and real-time metrics.
Custom Theme Development
Deep dive into the BPT theming system. Create dark mode, build multi-brand themes, implement runtime theme switching, and use the Theme Builder to export production themes.
Blazor Fundamentals
New to Blazor itself? These Microsoft resources are excellent starting points:
Blazor Documentation
The official Microsoft docs cover everything from project setup to advanced rendering scenarios.
Microsoft LearnBlazor Rendering Modes
Understand Server, WebAssembly, and Auto rendering modes — crucial for deciding which BPT components to use where.
Render ModesJavaScript Interop
Learn how JS interop works in Blazor — the foundation BPT uses for WebGL effects, terminal emulation, and DOM operations.
JS Interop GuideFrequently Asked Questions
Which .NET version do I need?
Blazor Power Tools targets .NET 10.0. You need the .NET 10 SDK or later.
Does BPT work with Blazor WebAssembly?
Yes. All UI components work in both Server and WebAssembly modes. Some tools (BptTerminalClient, BptServerMonitor) require a server connection and work best in Interactive Server or Hybrid mode.
Can I use BPT with an existing CSS framework like Bootstrap?
Yes. BPT components use their own scoped CSS custom properties and don't conflict with Bootstrap, Tailwind, or other frameworks. You can use them side by side.
How do I update to a new BPT version?
Run dotnet list package --outdated to check for updates, then
dotnet add package BlazorPowerTools to install the latest version.
Check the changelog for any breaking changes between versions.
Do I need a license for development?
BPT works in development mode without a license key, but components will display a small watermark. Add a license key to remove it. See License Key Setup.