AcademyRulesDevelopment

Qwik.js with Tailwind CSS

Front-end teams building Qwik.js interfaces styled with Tailwind who want consistent code from their AI editor.

  • Recommendedour rating
  • 40,892repository stars
  • CC0-1.0licence
  • 4 months agolast update
mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/qwik-tailwind-cursorrules-prompt-file.mdc -o .cursor/rules/qwik-tailwind.mdc
qwik-tailwind.mdc

Loading the file...

What it does

A Cursor rules file for Qwik.js projects that combine Tailwind CSS, TypeScript and Vite. It covers Qwik conventions for lazy loading and state, plus Tailwind practices such as responsive classes, the config file, the @layer directive, dark mode and purging for production builds.

Use cases

  1. 01Build a responsive component with Tailwind classes
  2. 02Add dark mode to a Qwik page
  3. 03Define reusable styles with @apply

Questions about
Qwik.js with Tailwind CSS.

What is Qwik.js with Tailwind CSS used for?

Front-end teams building Qwik.js interfaces styled with Tailwind who want consistent code from their AI editor. A Cursor rules file for Qwik.js projects that combine Tailwind CSS, TypeScript and Vite. It covers Qwik conventions for lazy loading and state, plus Tailwind practices such as responsive classes, the config file, the @layer directive, dark mode and purging for production builds.

How do I install Qwik.js with Tailwind CSS?

Run this in your terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/qwik-tailwind-cursorrules-prompt-file.mdc -o .cursor/rules/qwik-tailwind.mdc

Is Qwik.js with Tailwind CSS open source?

Yes. The code is on GitHub (PatrickJS/awesome-cursorrules) under the CC0-1.0 licence.

Is Qwik.js with Tailwind CSS safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.