PHPackages                             winter/wn-tailwindui-plugin - 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 &amp; Helpers](/categories/utility)
4. /
5. winter/wn-tailwindui-plugin

ActiveWinter-plugin[Utility &amp; Helpers](/categories/utility)

winter/wn-tailwindui-plugin
===========================

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

v1.0.2(1mo ago)1916.2k↓40.1%10[10 issues](https://github.com/wintercms/wn-tailwindui-plugin/issues)[4 PRs](https://github.com/wintercms/wn-tailwindui-plugin/pulls)MITPHPPHP &gt;=7.2

Since Aug 14Pushed 1mo ago4 watchersCompare

[ Source](https://github.com/wintercms/wn-tailwindui-plugin)[ Packagist](https://packagist.org/packages/winter/wn-tailwindui-plugin)[ Docs](https://github.com/wintercms/wn-tailwindui-plugin)[ GitHub Sponsors](https://github.com/wintercms)[ Fund](https://opencollective.com/wintercms)[ RSS](/packages/winter-wn-tailwindui-plugin/feed)WikiDiscussions main Synced yesterday

READMEChangelog (2)Dependencies (4)Versions (8)Used By (0)

Tailwind UI Backend Skin
========================

[](#tailwind-ui-backend-skin)

[![Tailwind_UI_Plugin](https://user-images.githubusercontent.com/7253840/176566244-ff859f12-77a5-465e-9462-6380a47652a6.png)](https://user-images.githubusercontent.com/7253840/176566244-ff859f12-77a5-465e-9462-6380a47652a6.png)

[![MIT License](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://github.com/wintercms/wn-tailwindui-plugin/blob/main/LICENSE)

[Tailwind UI](https://tailwindui.com/) is a Tailwind CSS component library designed by the authors of [Tailwind CSS](https://tailwindcss.com/). This is a [Winter CMS](https://wintercms.com) plugin that provides a custom, TailwindUI-based skin for the backend.

Supports:

- Multiple authentication page layouts (Simple, Left Sidebar)
- Backend Menu location customization (Top, Side)
- Backend Menu Icon location customization (Above, Beside, Hidden (Text Only), Only (No Text))
- Background image for login page
- Dark mode

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

[](#installation)

This plugin is available for installation via [Composer](http://getcomposer.org/).

```
composer require winter/wn-tailwindui-plugin
```

After installing the plugin you will need to run the migrations and (if you are using a [public folder](https://wintercms.com/docs/develop/docs/setup/configuration#using-a-public-folder)) [republish your public directory](https://wintercms.com/docs/develop/docs/console/setup-maintenance#mirror-public-files).

```
php artisan migrate
```

Screenshots
-----------

[](#screenshots)

BeforeAfter[![stock-winter](https://private-user-images.githubusercontent.com/7253840/257715303-096dffdc-6c21-4e8a-ae3d-5d09fa1dd251.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNTMwMy0wOTZkZmZkYy02YzIxLTRlOGEtYWUzZC01ZDA5ZmExZGQyNTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTMxNzczY2JkMDdkYzVlOTI0ZGExMzIwZjZmYTFhMTE2ODUyMDRhNjlmOTQ4OTgwNjI4MTI4NDRmODIzYTgwMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.LKPQLjNlFWUEDXnPBnHYlbw0bgA3p9hM92DJ0C5u7hY)](https://private-user-images.githubusercontent.com/7253840/257715303-096dffdc-6c21-4e8a-ae3d-5d09fa1dd251.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNTMwMy0wOTZkZmZkYy02YzIxLTRlOGEtYWUzZC01ZDA5ZmExZGQyNTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTMxNzczY2JkMDdkYzVlOTI0ZGExMzIwZjZmYTFhMTE2ODUyMDRhNjlmOTQ4OTgwNjI4MTI4NDRmODIzYTgwMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.LKPQLjNlFWUEDXnPBnHYlbw0bgA3p9hM92DJ0C5u7hY)[![tailwind-ui-light](https://private-user-images.githubusercontent.com/7253840/257715345-fad97b4b-8c29-4615-bdc3-b04886b2e467.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNTM0NS1mYWQ5N2I0Yi04YzI5LTQ2MTUtYmRjMy1iMDQ4ODZiMmU0NjcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzBlMmZhZjcwOWNmNGY5YjdlZWRjYzAxZTM2MmE3YjEzNTdmMTc3MTc2YTIzMGYyZTlmYjJlMjEwNTBmMWNmNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.8tZIgA1_BiGB-06xR4dKQLP6_hLyj33JEZ3L2o8GdPE)](https://private-user-images.githubusercontent.com/7253840/257715345-fad97b4b-8c29-4615-bdc3-b04886b2e467.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNTM0NS1mYWQ5N2I0Yi04YzI5LTQ2MTUtYmRjMy1iMDQ4ODZiMmU0NjcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzBlMmZhZjcwOWNmNGY5YjdlZWRjYzAxZTM2MmE3YjEzNTdmMTc3MTc2YTIzMGYyZTlmYjJlMjEwNTBmMWNmNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.8tZIgA1_BiGB-06xR4dKQLP6_hLyj33JEZ3L2o8GdPE)### Dark Mode!

[](#dark-mode)

Dark mode and user preferences are also supported.

[![tailwind-ui-dark](https://private-user-images.githubusercontent.com/7253840/257715486-b6c866d5-f64a-4788-88f7-61364c7599b4.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNTQ4Ni1iNmM4NjZkNS1mNjRhLTQ3ODgtODhmNy02MTM2NGM3NTk5YjQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Mzc2NjhhODM2YmQ5YmJmN2NjNjhlOTA5YjgwNWU5ODlhZWI0Yjg3Yzg4ZGMxZTA4ODc0ZTNhNTQyMmIzNDFiOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.7ouYYq-ejP_zWqKci2yEV3dTowbAZdsbqBd-Bwxjylc)](https://private-user-images.githubusercontent.com/7253840/257715486-b6c866d5-f64a-4788-88f7-61364c7599b4.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNTQ4Ni1iNmM4NjZkNS1mNjRhLTQ3ODgtODhmNy02MTM2NGM3NTk5YjQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Mzc2NjhhODM2YmQ5YmJmN2NjNjhlOTA5YjgwNWU5ODlhZWI0Yjg3Yzg4ZGMxZTA4ODc0ZTNhNTQyMmIzNDFiOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.7ouYYq-ejP_zWqKci2yEV3dTowbAZdsbqBd-Bwxjylc)

[![tailwind-preferences](https://private-user-images.githubusercontent.com/7253840/257716660-6c21966a-07d3-4427-a6b6-2902c8c38527.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNjY2MC02YzIxOTY2YS0wN2QzLTQ0MjctYTZiNi0yOTAyYzhjMzg1MjcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjU1NjI3YTJlMDI4ZjNkNTJkNzE2MGE3NDJlZGU5YWRkMGIyNjJkZDc3MDFlNDdlNDk3MzhlMTE5NzAyYzgwOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.ngHeGeCZ5tP2RwnJ-Wd2IlKV-AaVoM59UECvU_Xik8c)](https://private-user-images.githubusercontent.com/7253840/257716660-6c21966a-07d3-4427-a6b6-2902c8c38527.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI5NzgyMTAsIm5iZiI6MTc4Mjk3NzkxMCwicGF0aCI6Ii83MjUzODQwLzI1NzcxNjY2MC02YzIxOTY2YS0wN2QzLTQ0MjctYTZiNi0yOTAyYzhjMzg1MjcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDcwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA3MDJUMDczODMwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjU1NjI3YTJlMDI4ZjNkNTJkNzE2MGE3NDJlZGU5YWRkMGIyNjJkZDc3MDFlNDdlNDk3MzhlMTE5NzAyYzgwOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.ngHeGeCZ5tP2RwnJ-Wd2IlKV-AaVoM59UECvU_Xik8c)

Getting started
---------------

[](#getting-started)

Use composer to install the plugin:

```
composer require winter/wn-tailwindui-plugin
```

Then, run the migrations to ensure the plugin is enabled:

```
php artisan migrate
```

Configuration
-------------

[](#configuration)

Configuration for this plugin is handled through a [configuration file](https://wintercms.com/docs/plugin/settings#file-configuration). In order to modify the configuration values and get started you can either add the values to your `.env` environment file or copy the `plugins/winter/tailwindui/config/config.php` file to `config/winter/tailwindui/config.php` and make your changes there.

Environment File Supported Values:

- `TAILWIND_SHOW_BREAKPOINT_DEBUGGER=false`

Using Tailwind in other Plugins
-------------------------------

[](#using-tailwind-in-other-plugins)

The following steps should be taken in order to ensure the best compatibility between plugins when using Tailwind with other plugins in the Backend:

- Use [Laravel Mix](https://wintercms.com/docs/v1.2/docs/console/asset-compilation) to handle compiling your plugin's Tailwind styles
- In your `tailwind.config.js` file, take the following actions:
    - Extend the Winter.TailwindUI plugin's configuration rather than the default Tailwind configuration (ex: `const config = require('../../winter/tailwindui/tailwind.config.js');`).
    - Ensure that the [Preflight Tailwind plugin](https://tailwindcss.com/docs/preflight#disabling-preflight) is disabled (ex: `config.corePlugins = {preflight: false};`).
    - Set `config.content` to include only your plugin's paths (ex: `config.content = ['./formwidgets/**/*.{vue,php,htm}', './components/**/*.{php,htm}', './assets/src/js/**/*.{js,vue}'];`).
- In your `package.json` file, include [postcss-prefixwrap](https://www.npmjs.com/package/postcss-prefixwrap) to wrap your plugin's generated styles in a plugin-specific class to prevent overriding the styles elsewhere in the backend (ex. `"postcss-prefixwrap": "~1.29.x",`).
- In your `winter.mix.js` file, use postcss-prefixwrap when compiling the Tailwind styles (ex. `mix.postCss('assets/src/css/example.css', 'assets/dist/css/example.css', [..., require('postcss-prefixwrap')('.plugin-authorname-pluginname'), ...])`).

### Example `tailwind.config.js`:

[](#example-tailwindconfigjs)

```
// Extend the base tailwind config to avoid conflicts
const config = require('../../winter/tailwindui/tailwind.config.js');

config.content = [
    './formwidgets/**/*.{vue,php,htm}',
    './components/**/*.{php,htm}',
    './assets/src/js/**/*.{js,vue}',
];

config.corePlugins = {
    preflight: false,
};

module.exports = config;
```

### Example `winter.mix.js`:

[](#example-wintermixjs)

```
const mix = require('laravel-mix');

mix.setPublicPath(__dirname)

    // Compile Tailwind
    .postCss(
        'assets/src/css/myplugin.css',
        'assets/dist/css/myplugin.css',
        [
            require('postcss-import'),
            require('tailwindcss/nesting'),
            require('tailwindcss'),
            require('autoprefixer'),
            require('postcss-prefixwrap')('.myauthor-pluginname', {
                // Don't prefix wrap modals because we can't put the wrapping class on a high enough parent element to apply the styles
                ignoredSelectors: ['.modal'],
            })
        ]
    );
```

### Example `package.json`:

[](#example-packagejson)

```
{
    "name": "myauthor-pluginname",
    "version": "0.0.1",
    "private": true,
    "version": "1.0.0",
    "devDependencies": {
        "postcss": "~8.4.x",
        "postcss-prefixwrap": "~1.29.x",
        "postcss-import": "~14.1.x",
        "tailwindcss": "~3.0.x",
        "@tailwindcss/typography": "0.5.8"
    }
}
```

### Future Ideas

[](#future-ideas)

It would be ideal if it was also possible for other plugins to detect the classes that have already been generated by this plugin and prune them from their compiled styles. Pull Requests welcome to add that ability in the future if anyone has the time / motivation to do so.

Credits
-------

[](#credits)

This plugin was originally written by Joseph Blythe &amp; Luke Towers for [Spatial Media](https://spatialmedia.io).

It has since been modified and re-released under the Winter namespace as a first party plugin for Winter CMS maintained by the Winter CMS team.

If you would like to contribute to this plugin's development, please feel free to submit issues or pull requests to the plugin's repository here:

If you would like to support Winter CMS, please visit [WinterCMS.com](https://wintercms.com/support)

###  Health Score

49

—

FairBetter than 94% of packages

Maintenance79

Regular maintenance activity

Popularity38

Limited adoption so far

Community23

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 Bus Factor1

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

Every ~291 days

Total

2

Last Release

52d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/7253840?v=4)[Luke Towers](/maintainers/LukeTowers)[@LukeTowers](https://github.com/LukeTowers)

![](https://avatars.githubusercontent.com/u/15900351?v=4)[Ben Thomson](/maintainers/bennothommo)[@bennothommo](https://github.com/bennothommo)

---

Top Contributors

[![LukeTowers](https://avatars.githubusercontent.com/u/7253840?v=4)](https://github.com/LukeTowers "LukeTowers (44 commits)")[![mjauvin](https://avatars.githubusercontent.com/u/2013630?v=4)](https://github.com/mjauvin "mjauvin (6 commits)")[![robertalexa](https://avatars.githubusercontent.com/u/9019306?v=4)](https://github.com/robertalexa "robertalexa (6 commits)")[![damsfx](https://avatars.githubusercontent.com/u/282242?v=4)](https://github.com/damsfx "damsfx (5 commits)")[![joseph-sm](https://avatars.githubusercontent.com/u/54251292?v=4)](https://github.com/joseph-sm "joseph-sm (4 commits)")[![AIC-BV](https://avatars.githubusercontent.com/u/89913092?v=4)](https://github.com/AIC-BV "AIC-BV (4 commits)")[![bennothommo](https://avatars.githubusercontent.com/u/15900351?v=4)](https://github.com/bennothommo "bennothommo (4 commits)")[![Satoshi-Sh](https://avatars.githubusercontent.com/u/73622805?v=4)](https://github.com/Satoshi-Sh "Satoshi-Sh (1 commits)")[![gergo85](https://avatars.githubusercontent.com/u/2959112?v=4)](https://github.com/gergo85 "gergo85 (1 commits)")[![jaxwilko](https://avatars.githubusercontent.com/u/31214002?v=4)](https://github.com/jaxwilko "jaxwilko (1 commits)")[![JosephBlythe](https://avatars.githubusercontent.com/u/13092559?v=4)](https://github.com/JosephBlythe "JosephBlythe (1 commits)")[![josephcrowell](https://avatars.githubusercontent.com/u/2770395?v=4)](https://github.com/josephcrowell "josephcrowell (1 commits)")

---

Tags

hacktoberfestpluginskintailwindcsstailwinduiwintercmscmstailwindskintailwinduiwintercms

### Embed Badge

![Health badge](/badges/winter-wn-tailwindui-plugin/health.svg)

```
[![Health](https://phpackages.com/badges/winter-wn-tailwindui-plugin/health.svg)](https://phpackages.com/packages/winter-wn-tailwindui-plugin)
```

###  Alternatives

[helsingborg-stad/municipio

A bootstrap theme for creating municipality sites.

4028.5k10](/packages/helsingborg-stad-municipio)[october/rain

October Rain Library

1601.7M83](/packages/october-rain)[starcitizentools/citizen-skin

A beautiful, usable, responsive MediaWiki skin with in-depth extension support. Originally developed for the Star Citizen Wiki.

3376.6k](/packages/starcitizentools-citizen-skin)[mediawiki/maps

Adds various mapping features to MediaWiki

84152.3k3](/packages/mediawiki-maps)[civicrm/civicrm-drupal-8

Open source constituent relationship management for non-profits, NGOs and advocacy organizations.

19251.4k3](/packages/civicrm-civicrm-drupal-8)[altis/core

Core module for Altis

19228.0k3](/packages/altis-core)

PHPackages © 2026

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