01 / Technologies / Framework

Detect Astro in any GitHub repo

Astro is a content-first web framework that ships zero JavaScript by default and lets you mix React, Vue, Svelte and Solid islands on the same page.

Why show Astro on your README

Astro sites frequently include several UI frameworks at once, exactly the kind of mixed stack a generated card captures better than hand-picked badges.

How Astro is detected

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

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

Astro README badge

A static badge you can paste anywhere in Markdown:

Astro badge

Markdown
![Astro](https://img.shields.io/badge/Astro-FF5D01?style=for-the-badge&logo=astro&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 Astro (and everything around it) appears or disappears on its own:

Tech stack card for withastro/astro
withastro/astro · 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.