Tailwind

The Vev CLI natively supports Tailwind CSS, requiring minimal setup. Simply add a Tailwind configuration file to the root of your project. No extra configuration is necessary, as the tailwindcss package is already included.

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["src/**/*.{ts,tsx}"],
  corePlugins: {
    preflight: false,
  },
};

We recommend disabling Tailwind's Preflight, as it can conflict with Vev’s built-in reset styles, potentially causing issues with how styles are applied.

You can customize the configuration, add plugins, and include additional packages as you normally would with Tailwind.

info

Tailwind is a utility-first framework that allows you to design directly in your HTML using predefined classes, without needing to write custom CSS. It’s ideal for building responsive, custom designs quickly.