TailwindCSS Tailwind Templates

Tailwindcss

Absolute beginner friendly repo for learning TailwindCSS

TailwindCSS

Absolute beginner friendly repo for learning TailwindCSS

  1. Initialize the packet.json file by using npm init -y


  2. Create node modules folder which have all the dependencies "npm install -D tailwindcss"


  1. Create a config file using "npx tailwindcss init"

  1. Create a css file for input directives @tailwind base; @tailwind components; @tailwind utilities;

Add this to head section


  1. Add the config(optional) in tailwind.config.js file
  • Add the screen size
  • Add the color combinatio
  • Add animations by adding the keyframes:{}, and animation:[] in the extend part

Top categories

Loading Svelte Themes