Use your Tailwind CSS config in PHP

Seamlessly bridge the gap between Tailwind CSS and PHP by converting your Tailwind CSS configuration into a PHP-compatible format. Supports both JavaScript and TypeScript configurations.

Installation

npm install @vendeka/tailwind-config-php

Usage

Browse to the directory where your Tailwind CSS config file is located and execute:

npx tw2php

Now you can use the resolved config in your PHP as an object (or an array).

$tailwind = require 'tailwind.config.php';
$tailwind->theme->colors->gray->{500};

By default the command reads tailwind.config.js, writes to tailwind.config.php, and exports the complete Tailwind CSS configuration. Functions such as plugins are replaced with null.

Please note that the generated PHP file will not update automatically when the Tailwind CSS configuration changes. You will need to rerun the command to regenerate the PHP file.

Input file

By default it reads from tailwind.config.ts or tailwind.config.js. You can override the file name using the --config option (or the -c shorthand).

npx tw2php --config tailwind.custom.js

Output file

By default it writes to tailwind.config.php. You can override the output file name using the --output option (or the -o shorthand).

npx tw2php --output config/tailwind.php

Output format

You can specify the output format of the output using the --format option. Possible values are array and object (default: object).

npx tw2php --format array

Included properties

This package outputs your complete Tailwind CSS configuration by default. To pick only a hand full of option, use the --properties option (or the -p shorthand). It supports a comma separated list of keys.

npx tw2php --properties "theme.colors,prefix"
npx tw2php --properties "theme.colors" --properties "prefix"