Tailwind

Tailwind is a CSS framework that provides us with single-purpose utility classes which are opinionated for the most part, and which help us design our web pages from right inside our markup or .js/.jsx/.ts/.tsx/.mdx files. Tailwindcss Website

Usage

You can add Tailwind easily by using the following Qwik starter script:

The previous command updates your app with the necessary dependencies.

It also adds new files to your project folder:

  • postcss.config.js
  • tailwind.config.js
  • .vscode/settings.json

and modifies your src/global.css to include

src/global.css
 
# global.css file
 
@tailwind base;
@tailwind components;
@tailwind utilities;
 
...stuff...
 

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • manucorporat
  • leifermendez
  • reemardelarosa
  • mhevery
  • nickclark
  • igorbabko
  • Benny-Nottonson
  • mrhoodz
  • NickClark
  • adamdbradley
bun run qwik add tailwind
npm run qwik add tailwind
pnpm run qwik add tailwind
yarn run qwik add tailwind