Rapidly develop Blazor Apps

Blazor with ServiceStack gives you the ideal development workflow without compromise. Effortless end-to-end typed APIs without code-gen, 100% Server model reuse, Rich UI Controls with integrated contextual validation, integrated pre-rendering for instant load times.

Optimal Developer Workflow
for Blazor WASM Apps

Learn how to easily create feature-rich Blazor WASM Web Apps with ServiceStack

Create a new Blazor App

Customize and Download a new Blazor project with your preferred name:

Develop faster

Everything you need to develop Blazor WASM Apps

ServiceStack’s Blazor WASM templates improves on the standard Blazor WASM development model with a number of compelling features

Shared Models

100% code reuse of server DTOs enables end-to-end typed APIs, instantly available in Blazor WASM's live reload

Blazor Components

Rich UI component library with integrated contextual declarative validation, highly themable supporting Tailwind & Bootstrap UIs

Static Page Generation

Integrated hands-free pre-rendering solution generated at deployment enables instant load times, great UX and invaluable SEO

Markdown Content

Integrated Markdown support for easy creation of beautiful typography content pages, transparently pre-rendered for great UX & SEO

Beautiful Tailwind

Create beautiful, responsive Tailwind Blazor Apps with access to comprehensive commercial & community components

GitHub Actions

Deploy straight from GitHub Actions with built in workflows. Optionally deploy decoupled static UI to CDN for max performance

Creating Beautiful Blazor Apps
with Tailwind

Preview the highly productive development model of the new Blazor Tailwind template showing how easy it is to utilize beautifully designed components

Northwind Logo

Blazor WASM Tailwind Template

The feature-rich Blazor WASM Tailwind template us ideal for teams with strong C# skills building Line Of Business (LOB) applications who prefer utilizing Tailwind's modern utility-first CSS design system to create beautiful, instant-loading Blazor WASM Apps.

ServiceStack.Blazor Components Gallery

ServiceStack.Blazor Components gives you the ideal development workflow without compromise. Effortless, highly productive, API integrated Rich Blazor UI Components with 100% Server model reuse and integrated contextual validation

ServiceStack.Blazor Components support both hosting models which sees Blazor Gallery running on both Blazor Server and WASM:

For a closer look at ServiceStack.Blazor Components in action, download & run them to see how good they'll run in your Environment:

Tailwind Components

Tailwind has quickly become the best modern CSS framework for creating scalable, mobile-first responsive websites built upon a beautiful expert-crafted constraint-based Design System that enables effortless reuse of a growing suite of Free Community and professionally-designed Tailwind UI Component Libraries, invaluable for quickly creating beautiful websites.

Dark Mode

In addition to revolutionizing how we style mobile-first responsive Apps, Tailwind's Dark Mode does the same for enabling Dark Mode
a feature added throughout all ServiceStack's Tailwind Blazor Components and Project templates.

Beautiful Tailwind Blazor Components
with Darkmode

Preview the beautiful Dark Mode support available in ServiceStack.Blazor Components and see how to easily enable support for it in your Apps

Auto Admin

Accelerate development of beautiful UX optimized Blazor Apps with Auto Admin pages

Delcarative, Code-First Admin Forms.

Blitz through creating Admin pages with Auto Forms components for creating instant working validation-bound API-enabled forms from just POCO class defintions.

Instant CRUD UIs & APIs with AutoQuery.

For maximum productivity, use POCOs to define the rest of your AutoQuery CRUD APIs and unlock the productive power of AutoQueryGrid's instant UI over AutoQuery's fast APIs.

Using POCOs to define the contracts for the CRUD APIs and Contact Data Model is all that's required to create full-featured ServiceStack APIs capable of end-to-end typed API integrations to the 9 most popular languages for creating Web, Mobile and Desktop Apps.

AutoQueryGrid is then able to reuse the rich metadata from the typed API contracts to create a complete management UI to manage the Contact's RDBMS table - enabling an effortless Auto Admin UI.

Universal Blazor API Components

Create reusable, maximally performant universal Blazor API Components

Blazor Diffusion

ServiceStack.Blazor Components enable a highly productive and capable platform for rapidly developing a majority of internal Apps CRUD functionality or to enable a hybrid development model where the management of Back office supporting tables can be quickly implemented using custom AutoQueryGrid components, freeing up developers to focus a majority of their efforts where they add the most value - in the optimized customer-facing UI.

We’ve created blazordiffusion.com to best illustrate this potential - a new ServiceStack.Blazor App front-end for Stable Diffusion - a deep learning text-to-image model that can generate quality images from a text prompt. It’s a great example of Hybrid Development where its entire user-facing UI is a bespoke Blazor App optimized for creating and discovering Stable Diffusion generated images, whilst all its supporting admin tasks to manage the back office tables that power the UI were effortlessly implemented with custom AutoQueryGrid components.

Blazor with Litestream

Blazor Diffusion adopts the new approach to building simple & performant RDBMS Apps with Litestream - the ultimate performance & value combo

Loads instantly with great SEO

All Blazor WASM templates incorporate prerendering to achieve their instant load times that greatly benefits the built-in markdown pages with great SEO

Pre-rendering works by replacing the Blazor WASM loading page with an equivalent looking HTML page dynamically generated in JavaScript which renders the same Blazor App's Chrome using the shared navigation defined in JavaScript to render the App's Top & Sidebar navigation.

Create Blazor WASM Apps
with Bootstrap

Walk through of the Bootstrap Blazor WASM template. Includes Bookings CRUD example using AutoQuery and Todo App, showing how to communicate between client and server

Blazor Logo

Blazor WASM Template

The Blazor WASM template shows the familiar "Counter" example page like the standard Blazor template, but also includes a full Bookings CRUD & Todos example pages with supporting API services.

Rapidly developrich web apps

Locode lets you rapidly develop beautiful database-powered Web Apps, from an Instant UI around existing database-first RDBMS tables for rapid prototyping, export into declarative code-first development model with unprecedented customizability, on top of industrial strength APIs offering a superior end-to-end typed development model for Web, Mobile & Desktop Apps.

Blazor in the front,
Locode at back

Shorten time to ship by using Blazor WASM to create great looking custom UIs and Locode's Instant UI for managing back office RDBMS tables

Reuse typed APIs in Optimized UIs

AutoQuery's declarative dev model lets you focus on your new App's business requirements where its data model, API capabilities, input validation & multi-user Auth restrictions can be defined simply using annotated C# POCOs.
This provides immense value at the start of the development cycle where functional prototypes can be quickly iterated to gather business requirements

Once requirements have been solidified, the typed AutoQuery APIs can easily be reused to develop custom UIs to optimize important workflows.

Talent Blazor is a new App showcasing an example of this where its entire back-office functionality can be managed through Locode whilst an optimized Blazor WASM App is created to optimize its unique workflow requirements which also benefits from the superior productive dev model of its Typed APIs

Northwind Logo

Talent Blazor Locode

Talent Blazor is a Blazor WASM App built around a HR's unique workflow for processing Job Applications from initial Application, through to Phone Screening and Interviews by multiple employees, capturing relevant feedback at each application event, with successful Applicants awarded the Job

It's co-developed & deployed with a customized Locode App that manages all other CRUD Database Access

NBC Universal
Progress Software