{"id":37058899,"url":"https://github.com/rozumak/tailwindcss-dotnet","last_synced_at":"2026-01-14T06:38:54.566Z","repository":{"id":74011437,"uuid":"604206107","full_name":"rozumak/tailwindcss-dotnet","owner":"rozumak","description":"A dotnet tool for installing and invoking Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-09-12T14:56:45.000Z","size":54,"stargazers_count":45,"open_issues_count":4,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-26T12:44:31.298Z","etag":null,"topics":["aspnet","aspnetcore","csharp","dotnet","dotnet-tool","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rozumak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-02-20T15:01:17.000Z","updated_at":"2025-12-12T16:23:25.000Z","dependencies_parsed_at":"2025-09-12T16:35:44.807Z","dependency_job_id":null,"html_url":"https://github.com/rozumak/tailwindcss-dotnet","commit_stats":{"total_commits":16,"total_committers":1,"mean_commits":16.0,"dds":0.0,"last_synced_commit":"1a267e24fc06a1d9bcb563ffc9ad169d4c62fca3"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/rozumak/tailwindcss-dotnet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozumak%2Ftailwindcss-dotnet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozumak%2Ftailwindcss-dotnet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozumak%2Ftailwindcss-dotnet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozumak%2Ftailwindcss-dotnet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rozumak","download_url":"https://codeload.github.com/rozumak/tailwindcss-dotnet/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozumak%2Ftailwindcss-dotnet/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28412211,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-14T05:26:33.345Z","status":"ssl_error","status_checked_at":"2026-01-14T05:21:57.251Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aspnet","aspnetcore","csharp","dotnet","dotnet-tool","tailwindcss"],"created_at":"2026-01-14T06:38:54.004Z","updated_at":"2026-01-14T06:38:54.551Z","avatar_url":"https://github.com/rozumak.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tailwind CSS for ASP.NET Core\n\nA [dotnet tool](https://www.nuget.org/packages/tailwindcss-dotnet) that simplifies the installation and usage of [Tailwind CSS](https://tailwindcss.com) in ASP.NET Core projects by utilizing the stand-alone [Tailwind CSS CLI](https://github.com/tailwindlabs/tailwindcss/tree/master/standalone-cli).\n\n## Getting Started\n\n### Step 1: Create your project\n\nStart by creating a new ASP.NET Core project if you don’t have one set up already. You can use any web app template of your choice.\n\n```\ndotnet new blazorserver -o MyProject\ncd MyProject\n```\n\n### Step 2: Install Tailwind CSS\n\nInstall [dotnet tool](https://www.nuget.org/packages/tailwindcss-dotnet) globally, and then run the `tailwind install` command to generate the `tailwind.config.js` and `styles\\app.tailwind.css` files:\n\n```\ndotnet tool install --global tailwindcss-dotnet\ntailwind install\n```\n\n### Step 3: Start your build process\n\nRun your tailwind build process with:\n\n```\ntailwind watch\n```\n\nAnd start the app hot-reload dev server:\n\n```\ndotnet run watch\n```\n\n### Step 4: Start using Tailwind in your project\n\nStart using Tailwind’s utility classes to style your content.\n\n```csrazor\n\u003ch1 class=\"text-3xl font-bold underline\"\u003e\n  Hello world!\n\u003c/h1\u003e\n```\n\n## Developing with Tailwind CSS\n\n### Overview\n\n[Tailwind CSS](https://tailwindcss.com) is a CSS framework that uses a utility-first approach to styling elements. It allows you to apply pre-existing classes directly in your templates. The `tailwindcss-dotnet` tool wraps the standalone executable of the Tailwind CSS v3 framework, which is platform-specific and not bundled within the tool. When you run the tool for the first time, it downloads and saves the required executables automatically.\n\nIt is supports the same platforms as the native Tailwind CLI executable, including Windows, macOS, and Linux.\n\nStarting from version 3, Tailwind CSS uses the Just-In-Time (JIT) technique to generate styles. It scans specified template files for class names and generates corresponding styles only for the names it finds. This means that you cannot generate class names programmatically. If you need styles for names that don't exist in your content files, you can use the [safelist option](https://tailwindcss.com/docs/content-configuration#safelisting-classes). However, it is not recommended to do so.\n\n### Installation\n\nTo use Tailwind CSS in your dotnet project, follow these steps:\n\n1. Install the tool by running the command `dotnet tool install --global tailwindcss-dotnet`.\n2. Run the command `tailwind install`.\n\nTo run tool commands for a specific project from any location, you can use the `--project` option followed by the relative file location of the project. This option applies to all tool commands. For example, `tailwind build --project MyProject\\MyProject.csproj` will generate the output CSS file for the specified project.\n\nWhen you install the tool, it creates default `styles\\app.tailwind.css` and `tailwind.config.js` input files, which are configured to be used within your ASP.NET Core project.\n\nYou can specify the imports you want to use, set up your `@apply` rules and custom CSS, customize the Tailwind build, just like in a traditional Node installation. Note that only first-party plugins are supported.\n\n### Building for Production\n\nRun the `tailwind build` command to generate the output CSS file at `wwwroot\\css\\app.css`. This file should be included in your app HTML layout (the installer configures this automatically).\n\nIt is recommended to not include the output CSS file in source control. Instead, run this command in your CI environment.\n\n### Building for Development\n\nTo automatically reflect changes in the generated CSS output while developing your application, run Tailwind in \"watch\" mode by executing the command `tailwind watch` in a separate process.\n\nIf file system events are unreliable or not supported, pass the `--poll` argument to use polling instead: `tailwind watch --poll`.\n\n### Configuring CSS minification\n\nBy default, minified assets will be generated. If you want to change this behavior, pass a `--debug` argument to the command, for example, `tailwind build --debug` or `tailwind watch --debug`.\n\n### Customizing Tailwind inputs or outputs\n\nThe default paths are opinionated. If you need to use custom file paths or make other changes not covered by default behavior, you can access the platform-specific executable directly by running the command `tailwind exec` and passing any necessary command line arguments to the Tailwind CLI.\n\n### Override Tailwind CLI version\n\nIf you need to use a specific version of Tailwind CLI for your project, you can do so by specifying the version using the `--tailwindcss` option. If nothing is specified then the latest release of the tailwindcss executable is pulled.\n\nFor example, to use Tailwind CLI of version 3.2.1, you can use the following command:\n`tailwind build --tailwindcss v3.2.1`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frozumak%2Ftailwindcss-dotnet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frozumak%2Ftailwindcss-dotnet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frozumak%2Ftailwindcss-dotnet/lists"}