Skip to content

Live Demo

Choose a frontend to explore the full .NET SaaS experience.

Blazor

Server-side rendering with MudBlazor

→
Coming Soon

React

SPA with Vite and TypeScript

Angular

Enterprise-ready framework

→
Coming Soon

Vue

Progressive framework with Vite

All demos share the same .NET API backend

Feature Coverage

Track which features are implemented across each frontend framework.

Authentication & Security

Feature Blazor React Angular Vue
Email/password login ✓ — ✓ —
Google OAuth sign-in ✓ — ✓ —
User registration ✓ — ✓ —
Forgot password ✓ — ✓ —
Reset password (token) ✓ — ✓ —
Email confirmation flow ✓ — ✓ —
Logout + token cleanup ✓ — ✓ —
2FA setup (QR + manual key) ✓ — ✓ —
2FA verification (code + recovery) ✓ — ✓ —
JWT token management ✓ — ✓ —
Token refresh ✓ — ✓ —
Redirect unauthorized to login ✓ — ✓ —
Session management (view/revoke active sessions) ✓ — ✓ —
Login history (user-facing security log) ✓ — ✓ —
Terms/Privacy acceptance at registration ✓ — ✓ —

Account Management

Feature Blazor React Angular Vue
Avatar upload ✓ — ✓ —
Display name editing ✓ — ✓ —
Phone number management ✓ — ✓ —
Change password ✓ — ✓ —
Set password (OAuth users) ✓ — ✓ —
Enable/disable 2FA ✓ — ✓ —
Connected accounts (Google) ✓ — ✓ —
Account deletion ✓ — ✓ —
Data export (GDPR) ✓ — ✓ —

User Dashboard

Feature Blazor React Angular Vue
Time-based greeting ✓ — ✓ —
Organization KPIs (members, invites, notifications) ✓ — ✓ —
Subscription card (plan, amount, next billing) ✓ — ✓ —
Quick actions (invite, billing, settings, audit) ✓ — ✓ —
Getting started checklist (dismissible) ✓ — ✓ —
Recent activity feed ✓ — ✓ —
Recent notifications ✓ — ✓ —

Organization Management

Feature Blazor React Angular Vue
Organization selector (switch orgs) ✓ — ✓ —
Organization settings (name, logo) ✓ — ✓ —
Locale/language selection ✓ — ✓ —
Email notifications toggle ✓ — ✓ —
Beta features toggle ✓ — ✓ —

Team / Users

Feature Blazor React Angular Vue
Invite members by email ✓ — ✓ —
Members list (paginated, searchable) ✓ — ✓ —
Role Assignment ✓ — ✓ —
Remove members ✓ — ✓ —
Pending invitations list ✓ — ✓ —
Resend / cancel invitations ✓ — ✓ —
Accept invite flow ✓ — ✓ —
CSV export (members + invites) ✓ — ✓ —

Billing & Payments

Feature Blazor React Angular Vue
Current subscription display (plan, amount, status) ✓ — ✓ —
Next billing date ✓ — ✓ —
Open Stripe billing portal ✓ — ✓ —
Available plans display (when no subscription) ✓ — ✓ —
Stripe checkout flow ✓ — ✓ —
Checkout success/cancel pages ✓ — ✓ —
Payment history (paginated, searchable, sortable) ✓ — ✓ —
CSV export (payments) ✓ — ✓ —

API Keys

Feature Blazor React Angular Vue
Create key (name, role, expiration) ✓ — ✓ —
Key display + copy to clipboard ✓ — ✓ —
Keys table (name, prefix, role, status, dates) ✓ — ✓ —
Inline rename ✓ — ✓ —
Revoke key ✓ — ✓ —
Last used tracking ✓ — ✓ —
CSV export ✓ — ✓ —
Rate limiting per key — — — —

Permissions

Feature Blazor React Angular Vue
Role permission matrix (Admin & Member) ✓ — ✓ —
Permission groups (Users, Org, Billing, API, Monitoring) ✓ — ✓ —
Toggle permissions per role ✓ — ✓ —
Dynamic permission checks throughout UI ✓ — ✓ —

Notifications

Feature Blazor React Angular Vue
Notification bell with unread count ✓ — ✓ —
Notification inbox (paginated) ✓ — ✓ —
Mark read/unread ✓ — ✓ —
Notification detail dialog ✓ — ✓ —

Organization Analytics & Audit

Feature Blazor React Angular Vue
Organization analytics ✓ — ✓ —
Organization audit logs ✓ — ✓ —

Platform Admin

Feature Blazor React Angular Vue
Admin dashboard KPIs (orgs, users, MRR, subs, revenue, churn) ✓ — ✓ —
System health monitoring ✓ — ✓ —
External services panel (Resend, Crisp, PostHog, Sentry) ✓ — ✓ —
Top organizations list ✓ — ✓ —
Recent activity + recent payments ✓ — ✓ —
Organizations list (enable/disable, CSV export) ✓ — ✓ —
Organization detail management ✓ — ✓ —
Global user management ✓ — ✓ —
User impersonation ✓ — ✓ —
User lock/unlock/delete ✓ — ✓ —
Product + pricing management ✓ — ✓ —
Platform billing overview ✓ — ✓ —
Send platform notifications ✓ — ✓ —
Email template previews ✓ — ✓ —
Cache management (stats, clear, inspect) ✓ — ✓ —
Health checks dashboard ✓ — ✓ —
Platform audit logs (filters, old/new values, auto-refresh) ✓ — ✓ —
Platform analytics ✓ — ✓ —
Platform settings (registration, Google login toggles) ✓ — ✓ —
Hangfire dashboard link ✓ — ✓ —

Layouts & Navigation

Feature Blazor React Angular Vue
Auth layout (centered form, split-screen) ✓ — ✓ —
Main layout (sidebar + topbar + content) ✓ — ✓ —
Admin layout (admin sidebar) ✓ — ✓ —
Organization-aware nav menu ✓ — ✓ —
Admin nav menu ✓ — ✓ —
Breadcrumb navigation ✓ — ✓ —

UX & Infrastructure

Feature Blazor React Angular Vue
Loading skeletons ✓ — ✓ —
Multi-language support (JSON localizer) ✓ — ✓ —
Dark mode toggle ✓ — ✓ —
Toast notifications (snackbar) ✓ — ✓ —
Dialog/modal confirmations ✓ — ✓ —
Table pagination + sorting ✓ — ✓ —
CSV export (shared component) ✓ — ✓ —
Feature flags ✓ — ✓ —
PostHog analytics integration ✓ — ✓ —
Crisp live chat integration ✓ — ✓ —
Animated count-up numbers ✓ — ✓ —
404 page ✓ — ✓ —
Responsive/mobile design ✓ — ✓ —
Impersonation banner ✓ — ✓ —