01 / Technologies / UI

Detect shadcn/ui in any GitHub repo

shadcn/ui is a collection of copy-paste React components built on Radix UI and Tailwind, owned by your codebase rather than installed as a library.

Why show shadcn/ui on your README

Since shadcn/ui isn't a regular npm dependency, it's easy to forget in a badge list; its components.json file makes it detectable.

How shadcn/ui is detected

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

  • Files or folders: components.json

shadcn/ui README badge

A static badge you can paste anywhere in Markdown:

shadcn/ui badge

Markdown
![shadcn/ui](https://img.shields.io/badge/shadcn%2Fui-000000?style=for-the-badge&logo=shadcnui&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 shadcn/ui (and everything around it) appears or disappears on its own:

Tech stack card for shadcn-ui/taxonomy
shadcn-ui/taxonomy · 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.