# Tailwind CSS

> utility-first CSS framework

**Wikidata**: [Q102173844](https://www.wikidata.org/wiki/Q102173844)  
**Wikipedia**: [English](https://en.wikipedia.org/wiki/Tailwind_CSS)  
**Source**: https://4ort.xyz/entity/tailwind-css

## Summary
Tailwind CSS is a free, open-source CSS framework designed for styling web pages. It is distinguished as a "utility-first" framework, meaning it provides low-level utility classes that allow developers to build custom designs directly in their markup rather than relying on pre-designed components. It is cross-platform software licensed under the MIT License.

## Key Facts
- **License:** Distributed under the MIT License.
- **Type:** A free, open-source CSS framework.
- **Initial Release:** The first version (0.1.0) was released on November 1, 2017.
- **Operating System:** Cross-platform (capable of operating on multiple computing platforms).
- **Official Website:** https://tailwindcss.com/
- **Source Repository:** Hosted on GitHub at https://github.com/tailwindlabs/tailwindcss
- **NPM Package:** Distributed as the package `tailwindcss`.
- **Programming Languages:** Written in TypeScript and Cascading Style Sheets (CSS).
- **Alternate Names:** Tailwind, TailwindCSS.

## FAQs
### Q: What is Tailwind CSS used for?
A: Tailwind CSS is used for styling web pages. It provides a "utility-first" approach where developers use pre-existing CSS classes directly in their HTML to build custom designs, rather than writing custom CSS or using pre-built components.

### Q: Is Tailwind CSS free?
A: Yes, Tailwind CSS is free software distributed under the MIT License. It is open-source, allowing users to freely run, study, change, and distribute it.

### Q: What programming languages are used in Tailwind CSS?
A: According to the project's source data, Tailwind CSS is written in TypeScript and Cascading Style Sheets (CSS).

## Why It Matters
Tailwind CSS represents a shift in web development paradigms, moving away from the "component-based" styling of earlier frameworks (like Bootstrap) to a "utility-first" approach. Instead of providing pre-styled components (such as a "button" class with a specific look), it provides low-level utility classes (like `flex`, `pt-4`, or `text-center`) that apply specific CSS properties. This allows developers to build completely custom designs without ever leaving their HTML, reducing context switching and promoting consistency through a constrained design system. It matters because it offers a highly customizable and maintainable way to style modern web applications, integrating deeply into development workflows via build tools and PostCSS.

## Notable For
- **Utility-First Approach:** Pioneering a styling methodology that uses atomic utility classes instead of component classes.
- **Open-Source Ecosystem:** Being a prominent free and open-source project within the web development community.
- **High Extensibility:** Allowing deep customization of the design system through configuration files.
- **Modern Tooling:** Being built with TypeScript and integrating with modern build pipelines (npm, PostCSS).

## Body
### Origins and Licensing
Tailwind CSS is a free and open-source CSS framework. The project is officially described as a "utility-first CSS framework" in its Wikidata entry. It is licensed under the MIT License, a permissive free software license that allows for broad reuse and modification.

### Development and Releases
The project has been under active development since late 2017.
- **First Release (v0.1.0):** November 1, 2017.
- **Early Development:** Multiple rapid iterations followed the initial release, including v0.1.1 and v0.1.2 on the same day (Nov 1, 2017) and subsequent patches throughout November 2017.
- **Inception:** The project's formal inception is noted as May 13, 2019.

### Technical Specifications
The software is designed to be cross-platform, operating on any computing platform that supports its dependencies. Key technical dependencies listed for the project include:
- **Languages:** TypeScript and Cascading Style Sheets (CSS).
- **Core Dependencies:** `fast-glob`, `object-hash`, `quick-lru`, and `postcss-value-parser`, among others.
- **Package Manager:** Distributed via npm as `tailwindcss`.

### Online Presence and Community
The project maintains a significant online presence.
- **Official Website:** https://tailwindcss.com/, which hosts documentation and an official blog.
- **Social Media:** The official Twitter account (@tailwindcss) was created in August 2017 and had over 156,000 followers as of February 2023.
- **Wikipedia:** The project has articles in 10 languages, including English, Spanish, Japanese, and Arabic.
- **Development Team:** Associated with the GitHub organization "Tailwind Labs."

## Schema Markup
```json
{
  "@context": "https://schema.org",
  "@type": "SoftwareSourceCode",
  "name": "Tailwind CSS",
  "description": "A free and open-source, utility-first CSS framework for styling web pages.",
  "url": "https://tailwindcss.com/",
  "sameAs": [
    "https://github.com/tailwindlabs/tailwindcss",
    "https://en.wikipedia.org/wiki/Tailwind_CSS"
  ],
  "codeRepository": "https://github.com/tailwindlabs/tailwindcss",
  "license": "https://spdx.org/licenses/MIT.html",
  "programmingLanguage": ["TypeScript", "Cascading Style Sheets"],
  "dateCreated": "2017-11-01",
  "softwareVersion": "0.1.0"
}

## References

1. [Source](https://api.github.com/repos/tailwindlabs/tailwindcss)
2. [Source](https://tailwindcss.com/blog/tailwindcss-v4-alpha)
3. [Release 0.1.0. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.0)
4. [Release 0.1.1. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.1)
5. [Release 0.1.2. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.2)
6. [Release 0.1.3. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.3)
7. [Release 0.1.4. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.4)
8. [Release 0.1.5. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.5)
9. [Release 0.1.6. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.1.6)
10. [Release 0.2.0. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.2.0)
11. [Release 0.2.1. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.2.1)
12. [Release 0.2.2. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.2.2)
13. [Release 0.3.0. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.3.0)
14. [Release 0.4.0. 2017](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.4.0)
15. [Release 0.4.1. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.4.1)
16. [Release 0.4.2. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.4.2)
17. [Release 0.4.3. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.4.3)
18. [Release 0.5.0. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.5.0)
19. [Release 0.5.1. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.5.1)
20. [Release 0.5.2. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.5.2)
21. [Release 0.5.3. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.5.3)
22. [Release 0.6.0. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.0)
23. [Release 0.6.1. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.1)
24. [Release 0.6.2. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.2)
25. [Release 0.6.3. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.3)
26. [Release 0.6.4. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.4)
27. [Release 0.6.5. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.5)
28. [Release 0.6.6. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.6.6)
29. [Release 0.7.0. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.7.0)
30. [Release 0.7.1. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.7.1)
31. [Release 0.7.2. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.7.2)
32. [Release 0.7.3. 2018](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.7.3)
33. [Release 0.7.4. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v0.7.4)
34. [Release 1.0.0. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.0)
35. [Release 1.0.1. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.1)
36. [Release 1.0.2. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.2)
37. [Release 1.0.3. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.3)
38. [Release 1.0.4. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.4)
39. [Release 1.0.5. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.5)
40. [Release 1.0.6. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.0.6)
41. [Release 1.1.0. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.1.0)
42. [Release 1.1.1. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.1.1)
43. [Release 1.1.2. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.1.2)
44. [Release 1.1.3. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.1.3)
45. [Release 1.1.4. 2019](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.1.4)
46. [Release 1.2.0. 2020](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.2.0)
47. [Release 1.3.0. 2020](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.3.0)
48. [Release 1.3.1. 2020](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.3.1)
49. [Release 1.3.2. 2020](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.3.2)
50. [Release 1.3.3. 2020](https://github.com/tailwindlabs/tailwindcss/releases/tag/v1.3.3)