01 / Technologies / UI

Detect Tailwind CSS in any GitHub repo

Tailwind CSS is a utility-first CSS framework where you style elements with small composable classes directly in your markup.

Why show Tailwind CSS on your README

Tailwind is one of the most-requested README badges; detecting it from the config file or dependency means it never goes stale when you upgrade to v4.

How Tailwind CSS is detected

Stack Fingerprint reads the repo's full file tree in one GitHub API call and flags Tailwind CSS when it finds any of these:

  • Files or folders: /^tailwind\.config/
  • Dependencies in package.json: tailwindcss

Tailwind CSS README badge

A static badge you can paste anywhere in Markdown:

Tailwind CSS badge

Markdown
![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white)

Or let the repo describe itself

Static badges go stale the moment you swap a dependency. A Stack Fingerprint card is generated from the repo, so Tailwind CSS (and everything around it) appears or disappears on its own:

Tech stack card for shadcn-ui/ui
shadcn-ui/ui · generated live from the repo
README.md
[![Stack Fingerprint](https://stackfingerprint.vercel.app/api/card?repo=OWNER/REPO)](https://stackfingerprint.vercel.app/?repo=OWNER/REPO)

Replace OWNER/REPO with your repository, or open the builder to pick a theme and layout.

02 / Related articles