PHPackages                             fastfony/tailwind-webpack-encore-pack - 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. fastfony/tailwind-webpack-encore-pack

ActiveSymfony-pack[Utility & Helpers](/categories/utility)

fastfony/tailwind-webpack-encore-pack
=====================================

Tailwind Support for Symfony + Webpack Encore

v1.0.0(7mo ago)09MITJavaScriptPHP >=8.1

Since Oct 10Pushed 7mo agoCompare

[ Source](https://github.com/fastfony/tailwind-webpack-encore-pack)[ Packagist](https://packagist.org/packages/fastfony/tailwind-webpack-encore-pack)[ RSS](/packages/fastfony-tailwind-webpack-encore-pack/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

Tailwind CSS for Symfony with Webpack Encore!
=============================================

[](#tailwind-css-for-symfony-with-webpack-encore)

[![Latest Stable Version](https://camo.githubusercontent.com/c715f002212a2e0b5c8c5fb7645d8300f43d262f316269d01b8dc13213dc4185/68747470733a2f2f706f7365722e707567782e6f72672f66617374666f6e792f7461696c77696e642d7765627061636b2d656e636f72652d7061636b2f762f737461626c65)](https://packagist.org/packages/fastfony/tailwind-webpack-encore-pack) [![Total Downloads](https://camo.githubusercontent.com/663267682108e7877e91a4927d503815785f0a3ecc2f1acd930c1aa72dae06a9/68747470733a2f2f706f7365722e707567782e6f72672f66617374666f6e792f7461696c77696e642d7765627061636b2d656e636f72652d7061636b2f646f776e6c6f616473)](https://packagist.org/packages/fastfony/tailwind-webpack-encore-pack) [![License](https://camo.githubusercontent.com/27eb016164e4d17a21138032dd61905081246365aa80749f4fcdf4c241e40a01/68747470733a2f2f706f7365722e707567782e6f72672f66617374666f6e792f7461696c77696e642d7765627061636b2d656e636f72652d7061636b2f6c6963656e7365)](https://packagist.org/packages/fastfony/tailwind-webpack-encore-pack)

This pack makes it easy to use [Tailwind CSS](https://tailwindcss.com/) with Symfony's [Webpack Encore Bundle](https://symfony.com/doc/current/frontend.html#webpack-encore).

If you don't use Symfony Flex, its interest is limited to requiring necessary packages but you must configure your project files manually.

It's an implementation of the tutorial available on the [Tailwind CSS site](https://tailwindcss.com/docs/installation/framework-guides/symfony).

> **Note**
>
> Want to use Tailwind CSS with AssetMapper Component instead? Check out the [TailwindBundle Docs](https://symfony.com/bundles/TailwindBundle/current/index.html).

Installation
------------

[](#installation)

Install the pack & configure your app with three commands:

```
composer require fastfony/tailwind-webpack-encore-pack
npm install tailwindcss @tailwindcss/postcss postcss postcss-loader
npm run watch
```

If you use Flex that's it! This will create a `postcss.config.mjs` file and make sure your `assets/styles/app.css` contains the Tailwind directives.

If you don't use Symfony Flex, you need to create the `postcss.config.mjs` file manually in the root of your project with the following content:

```
// postcss.config.mjs
export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};
```

Add the Tailwind directives to your `assets/styles/app.css` file:

```
/* assets/styles/app.css */
@import "tailwindcss";
@source not "../../public";
```

And enable PostCSS in your `webpack.config.js` file:

```
// webpack.config.js
Encore
  .enablePostCssLoader()
;
```

Done!

Usage
-----

[](#usage)

You need to run the `npm run watch` command:

```
npm run watch
```

That's it! This will watch for changes to your `assets/styles/*.css` and `templates/*` files and automatically recompile it when needed.

You can use Tailwind CSS classes in your Twig templates and CSS files.

Deploying
---------

[](#deploying)

When you deploy, just run the `npm run build`:

```
npm run build
```

Requirement of fastfony/webapp-webpack-encore-pack
--------------------------------------------------

[](#requirement-of-fastfonywebapp-webpack-encore-pack)

The repository [fastfony/webapp-webpack-encore-pack](https://github.com/fastfony/webapp-webpack-encore-pack) is similar to the official [symfony/webapp-pack](https://github.com/symfony/webapp-pack) but it requires Webpack Encore necessary packages instead of AssetMapper.

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance64

Regular maintenance activity

Popularity4

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity44

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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

220d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7883b2c582d55dda0ef0c937bd91940105d128c102b0bcaf47879e257a9b7159?d=identicon)[neothone](/maintainers/neothone)

---

Top Contributors

[![neothone](https://avatars.githubusercontent.com/u/13251143?v=4)](https://github.com/neothone "neothone (2 commits)")

---

Tags

tailwindwebpackwebpack-encore

### Embed Badge

![Health badge](/badges/fastfony-tailwind-webpack-encore-pack/health.svg)

```
[![Health](https://phpackages.com/badges/fastfony-tailwind-webpack-encore-pack/health.svg)](https://phpackages.com/packages/fastfony-tailwind-webpack-encore-pack)
```

###  Alternatives

[aplus/pagination

Aplus Framework Pagination Library

2091.6M3](/packages/aplus-pagination)[awssat/tailwindo

Convert Bootstrap CSS to Tailwind CSS

1.1k20.3k1](/packages/awssat-tailwindo)[symfonycasts/tailwind-bundle

Delightful Tailwind Support for Symfony + AssetMapper

1091.3M17](/packages/symfonycasts-tailwind-bundle)[ssch/typo3-encore

Use Webpack Encore in TYPO3 Context

107465.5k4](/packages/ssch-typo3-encore)[maba/webpack-bundle

Bundle to Integrate Webpack to Symfony

123268.2k4](/packages/maba-webpack-bundle)[winter/wn-tailwindui-plugin

Provides a TailwindUI-based skin for the Winter CMS backend.

1812.8k](/packages/winter-wn-tailwindui-plugin)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)