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 Auto UI Controls with API-bound integrated contextual validation

Get started

Develop faster

Everything you need to develop Blazor Apps

ServiceStack’s Blazor templates improves on the standard Blazor 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 themeable supporting Tailwind UIs

Auto Query

Rapidly developing data-driven APIs, UIs and CRUD Apps with AutoQuery's effortless APIs and Auto UIs

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 & Dark Mode Tailwind Blazor Apps with comprehensive commercial & community components

GitHub Actions

Deploy .NET Containers straight to any Linux Server from GitHub Actions with built in workflows

Create a new Blazor App

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

Blazor Project Templates

Beautiful, Modern, Productive Blazor Tailwind Templates Learn more

November 21, 2023 blazor server tailwind

Blazor Tailwind App for .NET 8

ServiceStack's new Blazor project template takes advantage of .NET 8 Blazor's new features that redefines modern Web Development in C# which we explore in this video overview, covering how the template adopts Blazor's familiar ASP.NET Core Identity and Entity Framework for its authentication, utilizes the modern Tailwind CSS framework for beautiful responsive design and adopts .NET's best-practice Docker Containerization support for its built-in GitHub Action Deployments - enabling a simple ready-made CI solution for deployment to any Linux Host via SSH and Docker compose.

November 22, 2023 blazor vue tailwind

Fast, SEO-friendly, Blazor Static Rendered Apps with Vue

The new Blazor Vue template is ideal for building Fast, SEO-friendly, 100% statically rendered Blazor Web Apps where all its dynamic functionally uses Vue.js to progressively enhance Blazor's statically rendered content - eliminating Blazor's current limitations of being able to use Blazor SSR to develop an entire App without any of Blazor Interactivity downsides.

The blazor-vue template reimplements all features of the blazor template with all its interactive features created with Vue.js and the Vue Components library, with both templates combining the latest advancements in Blazor .NET 8 with Tailwind CSS styling for creating beautiful Responsive Websites with support for Dark Mode.

November 21, 2023 blazor wasm tailwind

Blazor WASM Tailwind App for .NET 8

This video walks through the Blazor Web Assembly Tailwind template - a powerful framework that allows developers to create high-performance web applications using C# and .NET end-to-end in both Server and Client, running directly in the browser via WebAssembly. Integration with ServiceStack.Blazor's Tailwind Components provides a comprehensive set of pre-defined components and CSS styles, enabling developers to create modern and responsive designs with ease.

Optimal Developer Workflow

for Blazor WASM Apps

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

What's new Live Demo

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.

Learn More

Beautiful Blazor WASM 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

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.

Blazor Gallery

Discover ServiceStack.Blazor Rich UI Components and Integrated Features

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

Explore Components

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

Blazor Server

Blazor WASM

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.

Explore Features

Explore APIs in API Explorer

Browse Blazor Vue source code

Download BlazorDiffusion.zip

Blazor with Litestream

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

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

What's new Open Talent Blazor in Locode

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