ileriayo/markdown-badges

★ 16,571SCSSAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Badge catalog
      Copy-paste snippets
      No coding required
    How to use
      Ctrl-F on GitHub page
      Visit project website
      Copy Markdown snippet
    Badge styles
      flat
      plastic
      for-the-badge
      social
    Categories
      Languages
      Frameworks
      Cloud and hosting
      Databases and DevOps
    Audience
      Developers
      Open-source maintainers

mindmap root((repo)) What it does Badge catalog Copy-paste snippets No coding required How to use Ctrl-F on GitHub page Visit project website Copy Markdown snippet Badge styles flat plastic for-the-badge social Categories Languages Frameworks Cloud and hosting Databases and DevOps Audience Developers Open-source maintainers

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Copy a Python or TypeScript badge into your project readme to show the tech stack at a glance.

USE CASE 2

Deck out a GitHub profile page with badges for every language, framework, and platform you use.

USE CASE 3

Add a consistent row of CI, cloud, and deployment badges to all your open-source project readmes without learning the shields.io URL syntax.

Tech stack

Markdownshields.ioSCSS

Getting it running

Difficulty · easy Time to first run · 5min

License information is not mentioned in the explanation.

In plain English

Markdown Badges is a large, hand-maintained collection of ready-to-paste badges, those small coloured pill-shaped labels with an icon and a name, like the kind you see at the top of project READMEs to show "built with Python" or "deployed on Vercel". Instead of generating them yourself, you copy a one-line Markdown snippet from this catalogue and paste it into your own README, profile, or portfolio. To use it you either open the repository on GitHub and press Ctrl+F (or Cmd+F on macOS) to search the page for the technology you want, or visit the project's live website. Each entry shows the rendered badge next to the exact Markdown code you need to copy. The badges are powered behind the scenes by shields.io image URLs, and the README explains how to switch to a different visual style, plastic, flat, flat-square, social, or the bold "for-the-badge" style, by changing the style parameter in the URL. The catalogue is organised into many categories so you can find what you need quickly: artificial intelligence and bots, blogs, blockchain, browsers, CAD, continuous integration and continuous delivery, cloud storage, cryptocurrency, databases, design, developer forums, documentation platforms, education, funding, frameworks and libraries, frontend and backend technologies, CSS frameworks, mobile, machine learning, build tools, gaming, hardware, hosting and SaaS, IDEs and editors, programming languages, music, office tools, operating systems, ORMs, DevOps, home automation, networking, security, quantum programming, search engines, servers, smartphone brands, social platforms, stores, streaming services, terminals, testing, version control, wearables, and work or jobs. Someone uses this when they want to dress up a GitHub profile readme, project page, or developer portfolio with a clear, consistent set of tech-stack badges, without learning the shields.io URL syntax themselves. The full README is longer than what was provided.

Copy-paste prompts

Prompt 1

I want to add tech-stack badges to my GitHub profile readme using ileriayo/markdown-badges. Give me the Markdown for Python, TypeScript, React, Docker, and GitHub Actions badges in the for-the-badge style.

Prompt 2

How do I change the visual style of a badge from ileriayo/markdown-badges from the default flat style to plastic or for-the-badge? Show me the URL parameter I need to change.

Prompt 3

I'm building a project readme and need badges for my database (PostgreSQL), hosting (Vercel), and CI (GitHub Actions). Copy the exact Markdown snippets from markdown-badges for each.

Prompt 4

What categories does ileriayo/markdown-badges cover? List the main ones and give me one example badge snippet from each category I might use for a web startup tech stack.

Open on GitHub → Explain another repo

← ileriayo on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.