Tailwind CSS is a utility-first CSS framework that provides a set of low-level utility classes to build designs directly in your markup. It's a highly customizable and efficient way to create modern, responsive user interfaces.

To use TailwindCSS include this in your documents header:

You can modify when a utility class will become active by using mod: before the class name.

Some modifiers include:

This modifier is used for dark mode:

These modifers are used for device orientation:

These modifers are used for responsive design and reresent their respective screen sizes when a class will become active:

For a list of all classes see the documentation.