kiliannnnn/tailwind-rules icon
public
Published on 7/23/2025
Tailwind Rules

Rules
  • Use TailwindCSS utility classes for all layout and styling.

  • Avoid writing raw CSS unless Tailwind cannot cover the use case.

  • Use responsive, dark mode, and hover/focus utilities when applicable.

  • Prefer semantic HTML with Tailwind classes applied directly to elements.

  • Extend styling via DaisyUI components where appropriate.

    • Use DaisyUI’s default themes unless a project-specific theme is defined.
    • Customize DaisyUI via Tailwind’s plugin system when needed.
    • The global style contains the themes
  • All Tailwind/DaisyUI usage must respect accessibility and responsiveness.