TA-Foodtrucks - Tailwind CSS plugin

Using the Tailwind CSS plugin is a perfect and very comfortable way to start with TA-Foodtrucks and customize your component.

You can find TA-Foodtrucks as an installable package on NPM: TA-Foodtrucks .

From npm: Install the package.

# Install using npm

npm install --save-dev @markusantonwolf/ta-foodtrucks

# Install using yarn

yarn add -D @markusantonwolf/ta-foodtrucks

Inside tailwind.config.js

Add the plugin to your Tailwind CSS config file.

// tailwind.config.js
module.exports = {
    // ...
   variants: {
        // ...
        taFoodtrucks: ['responsive'], // default value
        extend: {
            // ...
    // ...
    plugins: [
    // ...


You can control which variants are generated as utilities by modifying the following property in the variants section of your tailwind.config.js file.

taFoodtrucks: Array - Feel free to add more Tailwind CSS variants to the array. By default the plugin generates all responsive variants. If you want to learn more about all Tailwind CSS variants you should check out the official Tailwind CSS documentation: Configuring Variants .

TA Styled Plugins Logo
Explore all TA Styled Plugins and learn how to enhance your website fast and easy. All TA Styled Plugins stand for light-weight, responsive, mobile first and 100% customizable with endless animation options and are based on Tailwind CSS and Alpine JS.

TA Styled Plugins are licensed under the MIT license, see LICENSE for details.

Copyright © 2019-2022 Markus A. Wolf - www.markusantonwolf.com

Imprint | Privacy