Rapidly build modern websites
without ever leaving your HTML.

A utility-first CSS framework packed with classes like flex, pt-4, text-center and
rotate-90 that can be composed to build any design, directly in your markup.

“Tailwind CSS is the only framework that I've
seen scale on large teams. It's easy to
customize, adopt to any design, and the
build size is tiny.”

Sarah Dayan

Staff Engineer, Algolia

   1   <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-8 dark:bg-slate-800">
   2     <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
   3     <div class="pt-6 md:p-8 text-center md:text-left space-y-4">
   4       <blockquote>
   5         <p class="text-lg font-medium">
   6          "Tailwind CSS is the only framework that I've seen scale 
   7          on large teams. It's easy to customize, adapts to any design, 
   8          and the build size is tiny."
   9          </p>
  10       </blockquote> 
  11       <figcaption class="font-medium">
  12         <div class="text-sky-500 dark:text-sky-400">
  13            Sarah Dayan
  14         </div 
  15         <div class="text-sky-700 dark:text-sky-500">
  16            Staff Engineer, Algolia
  17         </div 
  18       </figcaption>
  19     </div>
  20  </figure>
  21

“Best practices”don’t actually work.

I’ve written a few thousand words on why traditional “semantic class names” are the
reason CSS is hard to maintain, but the truth is you’re never going to believe me until you
actually try it. If you can suppress the urge to retch long enough to give it a chance, I
really think you’ll wonder how you ever worked with CSS any other way.

Adam Wathan

Creator of Tailwind CSS

Guillerno Rauch

Vercel