A utility-first CSS framework for rapid UI development.

  • By Swaroop karoshi
  • Last update: Jan 5, 2022
  • Comments: 0

tailwind css basic postcss files requried to build website


A utility-first CSS framework for rapidly building custom user interfaces. Tailwind css basic requriment file.

This files are very important coding for tailwindcss.

You can install these files form Postcss from tailwind website

Install Tailwind CSS Install tailwindcss and its peer dependencies via npm, and create your tailwind.config.js file.


npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init

Add Tailwind to your PostCSS configuration

Add tailwindcss and autoprefixer to your postcss.config.js file, or wherever PostCSS is configured in your project.


module.exports = {

plugins: {

tailwindcss: {},

autoprefixer: {},



Configure your template paths

Add the paths to all of your template files in your tailwind.config.js file.


module.exports = {

content: ["./src/**/*.{html,js}"],

theme: {

extend: {},


plugins: [],



@tailwind base;

@tailwind components;

@tailwind utilities;

Start your build process Run your build process with npm run dev or whatever command is configured in your package.json file.


npm run dev

Start using Tailwind in your HTML Make sure your compiled CSS is included in the (your framework might handle this for you), then start using Tailwind’s utility classes to style your content.