Tailwind CSS
Tailwind CSS is an open-source utility-first framework that provides low-level CSS classes for building user interfaces directly in markup.
It includes hundreds of utility classes, supports responsive design and dark mode, enables tree-shaking to remove unused styles for optimized builds, and offers 500+ UI components, 10+ templates, and the Catalyst UI kit via paid Tailwind Plus, formerly known as Tailwind UI.
According to our data, Tailwind CSS is the third most popular user interface framework on the web.
It has 4.7% of the UI framework market share and is present on 2% of all websites.
- 🏠 Website
- 🔗 Links
- </> Source code
- 👨👩👦👦 Community
Wikipedia
Reddit💸 Pricing
Tailwind CSS is available in both free and paid versions.
📊 Rankings and Market Share
- UI Frameworks
- Rank: 3
- Market share: 4.7%
- Components
- Rank: 3
- Market share: 16.5%
🏆 Tailwind CSS Awards
- 🥇 Most popular in Sweden in the Components category.
- 🥇 Most popular in Norway in the Components category.
- 🥇 Most popular in the Maldives in the Components category.
- 🥈 Second most popular in the United States in the Components category.
- 🥈 Second most popular in the United Kingdom in the Components category.
- 🥈 Second most popular in the Netherlands in the Components category.
- 🥈 Second most popular in Canada in the Components category.
- 🥈 Second most popular in France in the Components category.
- 🥈 Second most popular in Australia in the Components category.
- 🥈 Second most popular in India in the Components category.
⚡ Sites Built With Tailwind CSS
We have data on 52,312 websites that use the Tailwind CSS UI framework. Here is a list of some of the top ranked ones.
The highest rated site using Tailwind CSS is yahoo.com.
| # | Website | Rank | Country | Language |
|---|---|---|---|---|
| 1 | #14 | United States | American English | |
| 2 | #44 | United States | English | |
| 3 | #54 | Poland | Polish | |
| 4 | #92 | United States | English | |
| 5 |  stackoverflow.com |
#96 | United States | English |
| 6 | #172 | United States | English | |
| 7 | #181 | United States | American English | |
| 8 | shopify.com | #210 | Canada | English |
| 9 | #218 | United States | American English | |
| 10 | #219 | United States | English | |
| 11 | #226 | Switzerland | American English | |
| 12 | #254 | English | ||
| 13 | #256 | Spain | English | |
| 14 | #263 | United States | English | |
| 15 | #273 | United States | English | |
| 16 | #276 | Mexico | Spanish | |
| 17 |  cloudflare.com |
#289 | United States | American English |
| 18 | #312 | United States | English | |
| 19 | #317 | Germany | German | |
| 20 | #347 | Germany | German |
📈 Usage Statistics
Most of the sites that use Tailwind CSS:
- are located in the United States
- have content in English
- use the .com domain extension
- fall into the Business category.
Most of the sites using Tailwind CSS are from the United States, the United Kingdom, and Germany.
- United States 26.4%
- United Kingdom 7.5%
- Germany 7.4%
- Netherlands 4.8%
- Canada 4.6%
- France 4%
- Australia 3.2%
- India 2.3%
- Brazil 2%
- Other 37.8%
Most Tailwind CSS users speak English, German, or French.
- English 63.2%
- German 6.3%
- French 3.7%
- Dutch 3.4%
- Spanish 3%
- Portuguese 2.1%
- Italian 1.5%
- Chinese 1.4%
- Japanese 1.3%
- Other 14.1%
The Tailwind CSS UI framework is especially popular on .com top-level domains.
- .com 45.3%
- .org 4.7%
- .de 4.2%
- .nl 2.7%
- .co.uk 2.7%
- .net 2.5%
- .com.au 1.9%
- .io 1.7%
- .fr 1.5%
- Other 32.8%
The primary market segments for websites utilizing Tailwind CSS include business, online shopping, and marketing and merchandising.
- Business 17.8%
- Online Shopping 9.6%
- Marketing/Merchandising 9.3%
- Internet Services 7.2%
- Blogs/Wiki 4.7%
- Education/Reference 4.6%
- Entertainment 3.9%
- Travel 3.7%
- Software/Hardware 3.5%
- Other 35.7%
🔢 Tailwind CSS Versions
The most popular version of Tailwind CSS is 3.4, used by 42.7% of sites where versions were detected. In addition, 18.5% of sites use Tailwind CSS 3.3, and 16.6% use Tailwind CSS 2.2.
- 3.4 42.7%
- 3.3 18.5%
- 2.2 16.6%
- 3.2 6.9%
- 3.0 4.5%
- 3.1 4.1%
- 4.1 2%
- 2.1 1.4%
- 2.0 1.2%
- Other 2.1%
🕵️ Similar Technologies
These are some of the best Tailwind CSS alternatives.
🆚 Compare Alternatives
💬 Frequently Asked Questions
What is the company behind Tailwind CSS?
Tailwind CSS is owned by Tailwind Labs Inc., headquartered in Kitchener, Ontario, Canada.
Can I use Tailwind CSS for free?
Yes, there is a free version with limited functionality.
Which country uses Tailwind CSS the most?
The majority of Tailwind CSS users are from the United States.
Who uses Tailwind CSS?
According to our data, Tailwind CSS is used on thousands of sites, including such established ones as yahoo.com,
instructure.com, and
wp.pl.
Is Tailwind CSS used on government websites?
In total, we found Tailwind CSS on 23 government sites in the United States.
Do academic institutions use Tailwind CSS?
Yes. In total, we know of 100 academic websites in the United States that use Tailwind CSS.
How does Tailwind CSS stack up against the competition?
Tailwind CSS is one of the most popular user interface frameworks, second only to Bootstrap and 
jQuery UI.
What are the alternatives to Tailwind CSS?
Alternatives and possible competitors to Tailwind CSS may include Styled Components, Bootstrap, and Foundation.
Data updated