PHPackages tituskirch/tailwind-post-scss-template - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. tituskirch/tailwind-post-scss-template ActiveLibrary[Utility & Helpers](/categories/utility) tituskirch/tailwind-post-scss-template ====================================== A basic tailwindcss + PostCSS + node-sass template. 1.0.0(5y ago)18[13 PRs](https://github.com/TitusKirch/tailwind-post-scss-template/pulls)MITCSS Since Jul 9Pushed 3y agoCompare [ Source](https://github.com/TitusKirch/tailwind-post-scss-template)[ Packagist](https://packagist.org/packages/tituskirch/tailwind-post-scss-template)[ RSS](/packages/tituskirch-tailwind-post-scss-template/feed)WikiDiscussions master Synced yesterday READMEChangelog (2)DependenciesVersions (16)Used By (0) tailwind-post-scss-template =========================== [](#tailwind-post-scss-template) A basic tailwindcss + PostCSS + node-sass template. [![Build action status](https://github.com/TitusKirch/tailwind-post-scss-template/workflows/Build/badge.svg)](https://github.com/TitusKirch/tailwind-post-scss-template/actions) [![License](https://camo.githubusercontent.com/57532c9339160b5fa89ca09a320b91057a219ba84ce098672078059edb80e2a8/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f54697475734b697263682f7461696c77696e642d706f73742d736373732d74656d706c6174653f6c6162656c3d4c6963656e7365266c6162656c436f6c6f723d33303336334426636f6c6f723d324642463530)](https://github.com/TitusKirch/tailwind-post-scss-template/blob/master/LICENSE) [![Packagist Downloads](https://camo.githubusercontent.com/96d3dec6d44da6dd0042f54715548762d9e0ed47a7617794ab706aa5267a530b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646d2f74697475736b697263682f7461696c77696e642d706f73742d736373732d74656d706c6174653f6c6162656c3d446f776e6c6f616473266c6162656c436f6c6f723d33303336334426636f6c6f723d324642463530)](https://packagist.org/packages/tituskirch/tailwind-post-scss-template) [![Contributors](https://camo.githubusercontent.com/61a6bbdf6be85235c5c62e2a5fad738c2e3a8cf6d9b9cb4fad71e6b77777a1b5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6e7472696275746f72732f54697475734b697263682f7461696c77696e642d706f73742d736373732d74656d706c6174653f6c6162656c3d436f6e7472696275746f7273266c6162656c436f6c6f723d33303336334426636f6c6f723d324642463530)](https://github.com/TitusKirch/tailwind-post-scss-template/graphs/contributors) [![Discord](https://camo.githubusercontent.com/c0475df7cadb86651f808c27916706ec598858fc5011ed265a8e5bd453195b57/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3537363536323537373736393838393830353f6c6162656c3d446973636f7264266c6162656c436f6c6f723d33303336334426636f6c6f723d324642463530266c6f676f436f6c6f723d393539444135266c6f676f3d446973636f7264)](https://discord.tkirch.dev) Table of contents ----------------- [](#table-of-contents) - [About the project](#about-the-project) - [Getting Started](#getting-started) - [Howto](#howto) - [Contributing](#contributing) - [Versioning](#versioning) - [Built With](#built-with) - [Authors](#authors) - [License](#license) About the project ----------------- [](#about-the-project) This project is a very simple template to start with a tailwindcss project (including SCSS compiler). Getting started --------------- [](#getting-started) First you have to install npm. [Installation instructions](https://www.npmjs.com/get-npm) Than you have to install composer. [Installation instructions](https://getcomposer.org/download/) Require the project: ``` composer require tituskirch/tailwind-post-scss-template ``` Now install all required resources: ``` composer install npm install ``` Ready! Now you can start with your project. Howto ----- [](#howto) To convert your SCSS code under /scss/app.scss to CSS code use the following command: ``` npm run build ``` Afterwards your CSS code is created under /public/css/app.css. Alternatively you can also use the following command: ``` npm run watch ``` This will execute `npm run build` after each change. Contributing ------------ [](#contributing) There are many ways to help this open source project. Write tutorials, improve documentation, share bugs with others, make feature requests, or just write code. We look forward to every contribution. Versioning ---------- [](#versioning) We use [SemVer](http://semver.org/) for versioning. For available versions, see the [tags on this repository](https://github.com/TitusKirch/tailwind-post-scss-template/tags). Built with ---------- [](#built-with) - [node-sass](https://github.com/sass/node-sass) - Node.js bindings to libsass - [nodemon](https://github.com/remy/nodemon/) - Monitor for any changes in your node.js application and automatically restart the server - perfect for development - [PostCSS CLI](https://github.com/postcss/postcss-cli) - CLI for postcss - [postcss-import](https://github.com/postcss/postcss-import) - PostCSS plugin to inline @import rules content - [tailwindcss](https://github.com/tailwindcss/tailwindcss/) - A utility-first CSS framework for rapid UI development. Authors ------- [](#authors) - **Titus Kirch** - *Main development* - [TitusKirch](https://github.com/TitusKirch) See also the list of [contributors](https://github.com/TitusKirch/tailwind-post-scss-template/graphs/contributors) who participated in this project. License ------- [](#license) This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. ### Health Score 27 — LowBetter than 49% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community9 Small or concentrated contributor base Maturity63 Established project with proven stability Bus Factor1 Top contributor holds 82.1% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 2133d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/fd76235e5967a18294c81e065828051b5fee3f3e71b7a9f17e90ebbbffb95d1f?d=identicon)[TitusKirch](/maintainers/TitusKirch) --- Top Contributors [![TitusKirch](https://avatars.githubusercontent.com/u/16943133?v=4)](https://github.com/TitusKirch "TitusKirch (32 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (6 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (1 commits)") ### Embed Badge ![Health badge](/badges/tituskirch-tailwind-post-scss-template/health.svg) ``` [![Health](https://phpackages.com/badges/tituskirch-tailwind-post-scss-template/health.svg)](https://phpackages.com/packages/tituskirch-tailwind-post-scss-template) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)