BlazorUI
Stellar Template Header

About the Stellar Template

Stellar is a modern and sleek landing page template designed for SaaS and AI-powered applications. It provides a professional and engaging user interface to showcase your product's features and benefits. The design is fully responsive and built with Tailwind CSS, extended with a custom `app.css` file for advanced animations and utilities. This template was built with Blazor WebAssembly and .NET 8.

How to Use

To get started with the Stellar template, follow these steps:

  • Open a terminal in the project's root directory.
  • Run `pnpm install` (or `npm install`) to install the necessary Node.js dependencies, including Tailwind CSS.
  • In the same terminal, run `pnpm run watch` to start the Tailwind CSS compiler in watch mode. This will continuously scan your files for utility classes and rebuild the `app.min.css` file. Keep this terminal open.
  • Open a new terminal.
  • Run `dotnet watch run` to build and launch the Blazor application. The project will be available at `https://localhost:5001` (or another specified port).
  • You can now customize the content by editing the Razor files in the `Components` directory and modify the design system through `tailwind.config.js`.