Power Portals Pro

PowerPortalsPro is a comprehensive React and Blazor framework that accelerates the development of custom portals built on Microsoft Dynamics 365 and Dataverse. It provides a rich set of pre-built, metadata-driven components — built on Microsoft's official Fluent UI design system for both React and Blazor — that eliminate boilerplate code and let developers focus on business logic rather than infrastructure.

Build on React or Blazor

Build on a modern React + Vite + TypeScript SPA or on ASP.NET Core Blazor (Server, WebAssembly, or Auto interactivity). Both stacks are rendered with Fluent UI and expose the same metadata-driven components and Dataverse capabilities, so the developer experience, theming, accessibility, and component coverage stay consistent across both. Pick whichever stack matches your team's skills — and because you're building a true custom portal, the full npm and .NET ecosystems are yours: libraries, middleware, auth providers, logging, and background services.

Key Features

• Metadata-Driven Editors — Form components for every Dataverse column type (text, memo, number, currency, date/time, choice, multi-select choice, lookup, N:N, file, and image) that automatically resolve labels, tooltips, validation rules, required flags, min/max ranges, and formatting from table metadata. Rename a column or tighten a constraint in Dataverse and every page that references it picks up the change on the next load — no portal-side code edits.
• Record Management — RecordContext and MainContext components handle record loading, dirty-state tracking, validation, and transactional saves across multiple records — all form fields plus grid and sub-grid edits persist in a single atomic Dataverse transaction, with unsaved-changes warnings on navigation.
• Data Grids — MainGrid and SubGrid components display Dataverse records with view selectors, inline editing, search, paging, and toolbar buttons for creating, opening, deleting, linking, and unlinking records via dialog forms or page navigation. Primary-name cells render as clickable hyperlinks straight to the record's edit form when an open button is registered.
• FileGrid — Specialized grid for managing file-attachment records with drag-and-drop upload (one record per file), inline preview for images, PDFs, and text, per-row download, and bulk “Download All” / “Download Selected” that zips the chosen files in a single server round-trip. Custom upload hooks let you seed required fields and relationships on each new record.
• Interactive Charts — Theme-aware Bar, Line, Pie, Doughnut, Polar, Radar, Funnel, and Year-over-Year charts (plus multi-series variants) with out-of-the-box Dataverse data sources for grouping and aggregation, including flexible date grouping. Charts can link to a MainGrid so clicking a chart segment cross-filters the linked grid, expose a click event that returns the selected data point for custom navigation or drill-down, and embed their own view selector for runtime view switching.
• Image & File Viewers — Standalone ImageViewer and FileViewer components for inline previews anywhere in your portal. ImageViewer adds an optional toolbar with rotate, flip, zoom, fullscreen, download, wheel-to-zoom, drag-to-pan, and a crop UI with aspect-ratio presets. FileViewer auto-detects its source and routes to the right renderer — image, markdown, syntax-highlighted text, embedded PDF, or browsable zip-archive tree.
• Many-to-Many Relationships — First-class support for N:N relationships through SubGrid and ManyToManyLookupEdit components with associate/disassociate operations.
• Internal & External Portals — Build internal employee portals where staff sign in as their own Dataverse systemuser (Dataverse security roles enforce row-, column-, and business-unit-level access via impersonation, no parallel identity required), customer-facing portals where contacts sign in via local credentials or external providers, or both audiences on the same portal at the same time.
• Authentication & Authorization — Built on ASP.NET Core Identity with a SPA-agnostic surface covering the full signed-in experience: profile,