Tailwind

Introducció

Play CDN

Use the Play CDN to try Tailwind right in the browser without any build step. The Play CDN is designed for development purposes only, and is not intended for production.

Dynamic breakpoints

We’ve added a new max-* variant that lets you apply max-width media queries based on your configured breakpoints:

<div class="max-lg:p-8">  <!-- Will apply `p-8` until the `lg` breakpoint kicks in --></div>

…

Dark Mode

The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes. A user indicates their preference through an operating system setting (e.g., light or dark mode) or a user agent setting.

MDN - prefers-color-scheme

Tailwind - Dark Mode

V4

Tailwind v4 is here!

  • 3x better performance compilation time
  • deprecating tailwind.config.js in favor of CSS configuration
  • better source detection (no more content paths in config)
  • a couple of new utility classes and renaming others