Tailwind CSS v4.0 is here!
We're happy to announce that all ServiceStack's ASP .NET Core Identity Auth Tailwind Templates have been upgraded to Tailwind CSS v4.0 - an all-new version optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
Tailwindcss v4 is now the default version used in all new ServiceStack Tailwind Blazor, Razor Pages, MVC, Vue, React and Angular Templates, including:
- Vue Component Library
- Blazor Components
- All of ServiceStack's Built-in Auto UIs
- Build and deployment GitHub Actions
Standalone CLI: Use Tailwind CSS without Node.js
Whilst TailwindCSS v4 brings many quality of life improvements, it also posed a challenge for usage in
non-Node.js templates which used npx tailwindcss@v3 to maintain simplicity and avoid needing to install
any node dependencies.
Unfortunately using npx without node_modules is no longer possible in Tailwind v4, instead we've switched
to using the Standalone CLI which allows using Tailwind CSS
without Node.js.
tailwindcss is a single executable that can be added anywhere in your System PATH, to simplify the
process we've added support for detecting, downloading and installing the tailwindcss executable if missing
in each templates postinstall.js which can be run with:
npm install
In non-Node.js templates this doesn't install any node dependencies, instead it's used to run one-off tasks
like running DB Migrations to create the App Database,
update any local 3rd Party dependencies and now downloading and installing the tailwindcss executable if missing
on Windows, macOS and Linux operating systems, which can also be rerun at anytime with:
node postinstall.js
Blazor Templates
The latest TailwindCSS v4 Standalone CLI is now used in all ServiceStack's Blazor Templates:
- Blazor - Identity Auth Blazor Server Template
- Blazor WASM - Identity Auth Blazor WASM and Interactive Auto Template
- Blazor Vue - No compromises, Identity Auth statically-rendered Blazor
Razor Pages & MVC
The TailwindCSS v4 Standalone CLI is also in Razor Pages and MVC Templates:
- razor - Identity Auth & Entity Framework Razor Pages Template
- mvc - Identity Auth & Entity Framework MVC Template
React, Vue & Angular SPA Templates
All React, Vue and Angular Single Page App templates have been upgraded to Vite 6 and use Tailwind v4's First-party Vite plugin for seamless integration and even greater incremental live reload performance.
- vue-spa - Identity Auth, Vite 6 Vue 3.5 SPA Template
- react-spa - Identity Auth, Vite 6 React 19 SPA Template
- angular-spa - Identity Auth, Angular 19 SPA Template
Razor & Markdown Statically Generated Templates
The Razor SSG template is recommended for creating any statically generated websites with Razor like Blogs, Portfolios & Marketing sites like servicestack.net which can be hosted for FREE on GitHub Pages CDN or Cloudflare Pages.
Whilst Razor Press is optimized for developing and maintaining documentation-centric websites like docs.servicestack.net:
React and Vue Statically Generated Templates
For those preferring a pure Vite and Node.js stack we've also upgraded our press-vue.servicestack.net and press-react.servicestack.net website templates to Vite 6, latest Vue and React and TailwindCSS v4:
- press-vue - Statically generated Vite 6 Vue 3.5 SPA Template
- press-react - Statically generated Vite 6 React 19 SPA Template
Universal Markdown Features
These templates implement the Vite Press Plugin which enables access to a suite of universal markdown-powered features that can be reused across Vue, React and .NET Razor and Blazor projects, allowing you to incorporate same set of markdown feature folders to power markdown content features across a range of websites built with different technologies.
