Repolode
Submit
tailwindlabs

tailwindlabs/tailwindcss

A utility-first CSS framework for building custom user interfaces directly in HTML and JSX with small single-purpose classes.

View on GitHubWebsite
Stars
97,945
Forks
8,392
Open issues
90
Last commit
2 days ago

What is it?

Tailwind CSS is a utility-first CSS framework. Instead of writing custom stylesheets with semantic class names, developers compose styles by applying small, single-purpose utility classes such as flex, pt-4 or text-center directly in their markup.

The framework is distributed as a PostCSS plugin and is commonly installed through npm. It generates only the CSS that a project actually uses, and it is designed for building custom interfaces quickly without leaving the HTML file. Responsive variants, state variants like hover and focus, and dark mode are expressed as class prefixes.

The project is written in TypeScript and is maintained by Tailwind Labs. Full documentation is hosted at tailwindcss.com, and questions and feature discussions take place in the GitHub Discussions area.

Key features

  • 01Provides low-level utility classes for layout, spacing, typography, colors and more.
  • 02Generates only the CSS used by the project.
  • 03Supports responsive breakpoints and state variants like hover and focus via class prefixes.
  • 04Ships as a PostCSS plugin installable through npm.
  • 05Supports dark mode through class-based variants.

Use cases

  • Building custom component designs without writing separate stylesheets.
  • Prototyping and iterating on layouts directly in HTML or JSX templates.
  • Creating responsive websites with consistent spacing and typography scales.

Quick start

  1. 1

    Read the full documentation at tailwindcss.com for installation steps

Topics

#css#css-framework#utility-classes#postcss#responsive-design#frontend#functional-css#responsive#tailwindcss

FAQ

What is tailwindcss?
A utility-first CSS framework for building custom user interfaces directly in HTML and JSX with small single-purpose classes. Tailwind CSS is a utility-first CSS framework. Instead of writing custom stylesheets with semantic class names, developers compose styles by applying small, single-purpose utility classes such as flex, pt-4 or text-center directly in their markup.
Is tailwindcss free to use? What license does it have?
tailwindcss is open source under the MIT license. Check the license terms before using it in commercial products.
Is tailwindcss still maintained?
Actively maintained. The last commit to tailwindcss was on Oct 19, 2026.
What can I use tailwindcss for?
Building custom component designs without writing separate stylesheets. Prototyping and iterating on layouts directly in HTML or JSX templates. Creating responsive websites with consistent spacing and typography scales.
How do I install tailwindcss?
Read the full documentation at tailwindcss.com for installation steps
Where can I get tailwindcss?
The source code and installation instructions are on GitHub: https://github.com/tailwindlabs/tailwindcss

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects