Download the PHP package genaker/theme-frontend-tailwind-luna without Composer

Tailwind Luna

Composer-installable Magento 2 theme: Genaker/tailwind_luna (genaker/theme-frontend-tailwind-luna), child of Magento/luma. Source / issues: github.com/Genaker/Tailwind-Luna.

Story

Tailwind Luna is from the creators of React Luma — a storefront theme built around speed. This project is the Tailwind take on Magento Luma: same Open Source foundation and child-of-Luma inheritance, no Hyvä, no Alpine.js, and no magento compliance issue OSL 3.0 license with preservied magento copiryght on top of Magento — just Tailwind CSS (plus small legacy CSS like checkout.css adn some native styles) on top of Magento’s own templates and Knockout / RequireJS where the core still relies on them. You can also disable Adobe JS by using React Luma module and use it with any JS.

The goal is Luma-level comaptability with a much leaner CSS payload and a fast path to a modern utility-first stylesheet — performance you can measure on your stack (hosting, FPC, and deploy all matter).

Sample mobile Lighthouse screenshots (Tailwind Luna vs Hyvä) are in Lighthouse: sample PDP below (scores vary by hosting, CDN, and cache).

Install Tailwind Luma Theme For Existing Magento Installation:

If you already have Magento 2.4.x running with demo data or not:

bash

List all available themes and their IDs

bin/magento theme:list

Themes: Magento/blank - ID: 2 Magento/luma - ID: 1 Genaker/tailwind_luna - ID: 4 ← Use this ID bash

Method A: CLI (recommended) - replace 4 with your theme ID if different

bin/magento config:set design/theme/theme_id 4

Method B: Direct database - replace 4 with your theme ID

mysql -umagento -pmagento123 magento -e \ "INSERT INTO core_config_data (scope, scope_id, path, value) VALUES ('default', 0, 'design/theme/theme_id', 4) ON DUPLICATE KEY UPDATE value=4;"

5. Deploy static content

bin/magento setup:static-content:deploy -f n_US

6. Clear caches

bin/magento cache:flush bash cd packages/theme-frontend-win-luna # adjust if needed npm install npm run build:tailwind # emit utilities → web/css/tailwind.css bash npm run build:tilewindscss # merge → _merged.scss + _merged.css (expanded) + _content-roots.json npm run build:tilewindscss:min # same, but Sass compressed _merged.css (smaller intermediate file) npm run build:tailwind # merge + Tailwind → cssnano (emit) → checkout minify → pub/static + deployed_version.txt npm run build:tailwind:opt # merge minified + same pipeline as build:tailwind npm run build:tailwind:prod # build-tailwind-prod.sh: compressed merge + NODE_ENV=production (see CSS_BUILD_ARCHITECTURE.md) npm run bump:static-version # only update pub/static/deployed_version.txt (timestamp) npm run build:css # scripts/build-css.sh: merge SCSS → sass → Tailwind → cssnano → pub/static + deployed_version (uses npx for sass/cssnano when missing from node_modules) npm run watch:tailwind # chokidar: re-merge + Tailwind when theme or module tailwind SCSS / scss.config.json changes npm run test:scss # merge / config tests only (fast) npm run test:build # full Tailwind build + pub tests + test:scss bash cd packages/theme-frontend-win-luna npm run build:tailwind cd ../../.. # Magento root bin/magento setup:static-content:deploy -f # production / CI; adjust locales/themes bin/magento cache:flush json { "repositories": [ { "type": "path", "url": "packages/theme-frontend-win-luna", "options": { "symlink": true } } ], "require": { "genaker/theme-frontend-tailwind-luna": "^1.0" } } bash composer update genaker/theme-frontend-tailwind-luna bin/magento setup:upgrade bin/magento cache:flush

bin/magento config:set dev/js/move_script_to_bottom 1 &&\ bin/magento config:set dev/js/merge_files 0 &&\ bin/magento config:set dev/js/enable_js_bundling 0 &&\ bin/magento config:set dev/js/minify_files 1 &&\ bin/magento config:set dev/css/merge_css_files 0 &&\ bin/magento config:set dev/css/minify_files 1 &&\ bin/magento config:set dev/static/sign 1

Magento does **not** offer a single “add `defer` to every script” switch; **move JS to bottom** is the supported way to avoid parser-blocking scripts in `<head>` for typical storefront output.

After changing config: `bin/magento cache:flush` (and `app:config:import` if you rely on `config.php` pipeline config).

### License

Licensed under the **Open Software License 3.0 (OSL-3.0)** and **Academic Free License 3.0 (AFL-3.0)** — the same dual-license model as Magento Open Source core. See **`COPYING.txt`** for the short notice, **`LICENSE.txt`** (OSL), and **`LICENSE_AFL.txt`** (AFL). `composer.json` declares `"license": ["OSL-3.0", "AFL-3.0"]`.