Tailwindcss Theme for Shopware 6

🔥🔥🔥 This theme integrates tailwindcss and alpine.js into shopware 6. 🔥🔥🔥

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

Install required node_modules

yarn install (use node version >= 15.8.0)

Build process

Build the app.css and app.js

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

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

Build Shopware 6 Storefront

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

Components List

• Navigation 🚧
• Button 🚧
• Link 🚧
• Card 🚧
• Image 🚧
• ...