PHPackages                             flagbit/tailwind-theme - 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. flagbit/tailwind-theme

ActiveShopware-platform-plugin

flagbit/tailwind-theme
======================

Shopware 6 Tailwind theme

56234[1 issues](https://github.com/flagbit/shopware6-tailwind-theme/issues)Twig

Since Dec 8Pushed 4y ago24 watchersCompare

[ Source](https://github.com/flagbit/shopware6-tailwind-theme)[ Packagist](https://packagist.org/packages/flagbit/tailwind-theme)[ RSS](/packages/flagbit-tailwind-theme/feed)WikiDiscussions develop Synced 1w ago

READMEChangelogDependenciesVersions (3)Used By (0)

Tailwindcss Theme for Shopware 6
================================

[](#tailwindcss-theme-for-shopware-6)

🔥🔥🔥 This theme integrates [tailwindcss](https://tailwindcss.com/docs) and [alpine.js](https://github.com/alpinejs/alpine) into shopware 6. 🔥🔥🔥

Attention
---------

[](#attention)

This is a **proof of concept**. This is still in progress. ⚠️ Do not use in production.

💙 If you want to have a complete Tailwindcss theme, participate here and submit your changes via pull request. ✨

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

[](#installation)

### Install required node\_modules

[](#install-required-node_modules)

`yarn install` (use node version >= 15.8.0)

Build process
-------------

[](#build-process)

### Build the app.css and app.js

[](#build-the-appcss-and-appjs)

`yarn build:dev` (includes all tailwind styles)
or
`yarn build:prod` (includes only used tailwind styles, purgedCSS Version)

### Copy Tailwindcss Theme into Shopware 6 Development Folder

[](#copy-tailwindcss-theme-into-shopware-6-development-folder)

All files from Tailwindcss theme into `custom/plugins/Tailwind` folder in shopware 6 directory

### Build Shopware 6 Storefront

[](#build-shopware-6-storefront)

`./psh.phar storefront:build` (e.g. use this command in your docker container)

Components List
---------------

[](#components-list)

- Navigation 🚧
- Button 🚧
- Link 🚧
- Card 🚧
- Image 🚧
- ...

###  Health Score

23

—

LowBetter than 27% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity20

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity34

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/449384?v=4)[flagbit](/maintainers/flagbit)[@flagbit](https://github.com/flagbit)

---

Top Contributors

[![robin-homberg](https://avatars.githubusercontent.com/u/14310091?v=4)](https://github.com/robin-homberg "robin-homberg (10 commits)")

### Embed Badge

![Health badge](/badges/flagbit-tailwind-theme/health.svg)

```
[![Health](https://phpackages.com/badges/flagbit-tailwind-theme/health.svg)](https://phpackages.com/packages/flagbit-tailwind-theme)
```

PHPackages © 2026

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