Updated

Technology · Web Development

Tailwind CSS

tailwindcss.com

Tailwind CSS is a utility-first CSS framework that provides low-level utility classes to build custom designs without leaving your HTML. Unlike other CSS frameworks that provide pre-designed components, Tailwind allows developers to compose their own designs using composable utility classes. This approach offers more flexibility and can result in smaller file sizes when properly configured. Tailwind has gained significant popularity for its ability to create unique designs quickly and its excellent developer experience.

Tailwind CSS belongs toUI frameworkscategory.

208websites

use it — 8.1% of the 2,555 websites we scanned in the last 12 months

#2of 33

tools in its category seen in our scans (we recognize 96)

177public pages

on UptimeCard — open any of them to see how that site is doing

3.14% of all websites we track run Tailwind CSS▲ 0.13 points since 20 Sep

At a glance

UptimeCard's own scans and tests of 2,555 websites · refreshed weekly

How Tailwind CSS sites scoreout of 100 · hover or tap a score for details

49PerformancePooraverage site: 5089AccessibilityGoodaverage site: 8996Best practicesGoodaverage site: 9392SEOGoodaverage site: 92

Page load time

Loads about as fast as the average site

Tailwind CSS sites
4.0 s
All sites
4.3 s

Most Tailwind CSS sites load in 2.7–5.7 s. Home page weight: 3.4 MB vs 3.3 MB for all sites. 155 public sites measured.

Where are they hosted?

Mostly Amazon Web Services and Cloudflare

  • Amazon Web Services44%
  • Cloudflare29%
  • Google Cloud4%
  • Fastly3%
  • Other20%
United States 54%Canada 30%Germany 3%

Who uses it?

Technology and Software is the biggest group

Technology and Software65%
Business Services10%
Software as a Service (SaaS)6%
Other3%

Share of 176 classified public sites. “× average” compares with all 961 public sites.

Browser-security check

35% of graded sites pass

16of 46 score B or better

Rates each site’s own security settings, not Tailwind CSS. 46 public sites graded so far.

How Tailwind CSS sites are built

Closest partners. The number says how many times more often the tool runs on Tailwind CSS sites than on an average website. Hover a partner for its share of sites.

Radix UI11×Next.js App Router11×Turbopack9×Vercel6×HeroUI6×Piwik PRO Core3×Marko3×Next.js3×DoubleClick Floodlight3×

Stacks we see most. Tools that tend to run together with Tailwind CSS on the same websites. The percentage is the share of all 208 Tailwind CSS sites that run the whole stack.

9 stacks · swipe, drag or use the arrows
#1

Tailwind CSS + React + Next.js + Sanity + Sanity.io

6.3%13 of 208 sites
#2

Tailwind CSS + React + Next.js + Radix UI + shadcn/ui

4.3%9 of 208 sites
#3

Tailwind CSS + React + Gatsby

5.3%11 of 208 sites
#4

Tailwind CSS + React + Turbopack + Algolia

3.4%7 of 208 sites
#5

Tailwind CSS + Turbopack + Radix UI + Sanity + Sanity.io

2.4%5 of 208 sites
#6

Tailwind CSS + Algolia + Contentful

3.4%7 of 208 sites
#7

Tailwind CSS + Marko + Sentry

2.9%6 of 208 sites
#8

Tailwind CSS + Amazon S3 + Contentful

2.9%6 of 208 sites
#9

Tailwind CSS + Marko + Amazon S3

2.4%5 of 208 sites

Usually installed alongside

The bigger the bubble, the more of the 208 Tailwind CSS sites also run the tool. Colour shows what the tool does. Hover or tap a bubble for details.

Google Tag Manager76%Google Analytics63%Linkedin Insight Tag35%Piwik PRO Core23%DoubleClick Floodlight25%Microsoft Advertising20%Linkedin Ads13%OneTrust21%HubSpot17%
Tag managerAnalyticsAdvertisingCookie consentMarketing

Similar tools in its category

UI frameworks: 96 tools known, 33 seen in our scans

Bootstrap314 sitesAlternativeAnimate.css33 sitesAlternativeZURB Foundation26 sitesAlternativeMaterial UI24 sitesAlternativeCivicTheme15 sitesAlternativeMUI15 sitesAlternativeSvelteKit11 sitesAlternativeUIKit10 sitesAlternativeMarko149 sitesUsed togetherHeroUI60 sitesUsed togetherRadix UI41 sitesUsed togethershadcn/ui20 sitesUsed together

How websites combine Tailwind CSS with other tools

Relationships found on the websites that use it, from the same map status pages show.

Complements another tool 151Integrates with another 57Needs another tool 29Overlaps with another 15Built on a platform 4

Questions about Tailwind CSS

How many websites use Tailwind CSS?
We found Tailwind CSS on 208 of the 2,555 websites we scanned in the last 12 months (8.1%). 177 of them have a public status page.
What is Tailwind CSS often used with?
Among the websites we scan, Tailwind CSS is often found alongside Google Tag Manager (75.5% of its sites), React (54.8% of its sites), Next.js (38% of its sites).
What are the alternatives to Tailwind CSS?
Other ui frameworks tools we recognize include Bootstrap, Marko, HeroUI, Radix UI.

Is your website built with Tailwind CSS?

UptimeCard checks it around the clock, tells you the minute it stops answering, and gives your visitors a status page.

Monitor my site freeCreate a status page