ServiceStack
React
Preview the amazing productivity of ServiceStack's beautiful, expertly designed Tailwind React components.
-
01AI Ready
- Start from well-known React templates tuned for rich, data-driven and AI-generated user interfaces.
-
02End-to-end Type Safety
- From C# DTOs in .NET to TypeScript DTOs in React for confident refactors without context switching.
-
03Zero-Ambiguity APIs
- Consistent API integrations eliminates guesswork, giving AI the perfect context to generate accurate implementations.
Perfect fusion of .NET APIs, Razor Pages and React UIs
- Mix .NET Razor Pages and React UIs in the same application
- Includes customizable Tailwind Identity Auth Razor Pages
- Gradual migration strategy for modernizing legacy ASP.NET websites
- Progressively replace pages or sections without complete rewrites
Simplified .NET + React Development Workflow
- ASP.NET Core proxies requests to Next.js or Vite dev server
- Hot Module Replacement (HMR) support for instant UI updates
- WebSocket proxying for Next.js/Vite HMR functionality
.NET React Templates with Static Exports
4 out of 5 .NET React Templates use static exports, where a production build of the Node App is generated at deployment and published together with the .NET App in its /wwwroot folder, utilizing static file serving to render its UI:
This includes the minimal react-static and next-static starting templates, perfect for your next Vibe Coding project, beginning with the simplest:
Getting Started
Starting with a ServiceStack React Project template is the easiest way to start developing beautiful, performant websites with React, Tailwind CSS and the @servicestack/react component library:
AI-Ready React templates on a robust .NET backend
Combine the React ecosystem with ServiceStack's feature-rich backend. Experience end-to-end type safety and declarative APIs in a frictionless environment.
- 01 AI Ready
- Start from well-known React templates tuned for rich, data-driven and AI-assisted user interfaces.
- 02 End-to-end Type Safety
- Share DTOs between .NET and React for confident refactors without context switching.
- 03 Zero-Ambiguity APIs
- Consistent API integrations eliminates guesswork, giving AI the perfect context to generate accurate features.
-
AutoQueryGrid
Instant customizable UIs for calling AutoQuery CRUD APIs
-
DataGrid
DataGrid Component Examples for rendering tabular data
-
Auto Forms
Render Auto Form UIs from a Request DTO class
-
Form Inputs
Tailwind UI Input Components
-
Markdown Editor
Rich Markdown Editing Input Control
-
Modals
Modal Dialogs, Slide Overs & SignIn forms
-
Navigation
Tabs, Breadcrumbs and Link navigation components
-
Alerts
Tailwind Alert and Notification components
-
Formats
HTML Value Formatters