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