November 1, 2017

Tailwind CSS first released

Adam Wathan published TailwindA utility-first CSS framework — compose designs from small classes instead of custom stylesheets. CSSCascading Style Sheets — the language for layout, color, and typography on web pages. v0.1.0 on November 1, 2017 — a utility-first CSSCascading Style Sheets — the language for layout, color, and typography on web pages. framework built on PostCSS.

What it was for

Tailwind CSSTailwindA utility-first CSS framework — compose designs from small classes instead of custom stylesheets. shipped hundreds of single-purpose classes (`flex`, `mt-4`, `text-gray-700`) instead of pre-built components — developers composed designs in markup. It started as a side project and grew into a commercial ecosystem with TailwindA utility-first CSS framework — compose designs from small classes instead of custom stylesheets. UIUser interface — the parts of software people see and interact with., Headless UIUser interface — the parts of software people see and interact with., and Catalyst.

People

  • Adam Wathancreator

Why it's here

TailwindA utility-first CSS framework — compose designs from small classes instead of custom stylesheets. introduced utility-first CSSCascading Style Sheets — the language for layout, color, and typography on web pages. as a credible alternative to Bootstrap components.

Why it mattered

It changed how front-end teams think about styling — composition over custom CSSCascading Style Sheets — the language for layout, color, and typography on web pages. files.

What it solved

Component frameworks forced designs into predefined patterns; custom CSSCascading Style Sheets — the language for layout, color, and typography on web pages. did not scale across teams.

Media

  • Tailwind CSS
    ImageTailwind CSS

    Tailwind CSS, CC BY-SA 4.0, via Wikimedia Commons

Related