Skip to content

Badges for your personal developer branding, profile, and projects.

License

Notifications You must be signed in to change notification settings

DMsuDev/basic-badges-catalog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Markdown Badge Catalog

This README.md serves as a basic badge catalog for your GitHub READMEs, personal sites, and project documentation. Copy and paste them wherever you need.

If you want to change the style, you can use:

  • style=flat → minimal & classic
  • style=flat-square → modern & compact
  • style=for-the-badge → bold & eye-catching (great for 4–8 hero badges at the top of your README)
  • style=plastic → 3D & glossy
  • style=social → social media style

These badges share the same format, but differ in style. For more variations, check badges.md

Table of Contents

⭐ Recommended Resource

If you are looking for a more complete, and extensive collection of Markdown badges, I highly recommend checking out the following repository:

Visit markdown-badges repository

🤝 Contributing

Contributions

Contributions, issues and feature requests are welcome.
Feel free to check the issues page.

📜 License

License

Badges Categories

🧑‍💻 Languages

Name Badge Markdown
Go Go [![Go](https://img.shields.io/badge/Language-Go-00ADD8?style=flat&logo=go&logoColor=white)](https://go.dev/)
C C [![C](https://img.shields.io/badge/Language-C-A8B9CC?style=flat&logo=c)](https://en.wikipedia.org/wiki/C_(programming_language))
C++ C++ [![C++](https://img.shields.io/badge/Language-C%2B%2B-00599C?style=flat&logo=cplusplus&logoColor=white)](https://isocpp.org/)
Python Python [![Python](https://img.shields.io/badge/Language-Python-3776AB?style=flat&logo=python&logoColor=white)](https://www.python.org/)
JavaScript JavaScript [![JavaScript](https://img.shields.io/badge/Language-JavaScript-F7DF1E?style=flat&logo=javascript)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
TypeScript TypeScript [![TypeScript](https://img.shields.io/badge/Language-TypeScript-3178C6?style=flat&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
Rust Rust [![Rust](https://img.shields.io/badge/Language-Rust-000000?style=flat&logo=rust&logoColor=white)](https://www.rust-lang.org/)
Java Java [![Java](https://img.shields.io/badge/Language-Java-007396?style=flat&logo=java&logoColor=white)](https://www.java.com/)
PHP PHP [![PHP](https://img.shields.io/badge/Language-PHP-777BB4?style=flat&logo=php&logoColor=white)](https://www.php.net/)
Ruby Ruby [![Ruby](https://img.shields.io/badge/Language-Ruby-CC342D?style=flat&logo=ruby&logoColor=white)](https://www.ruby-lang.org/)
Swift Swift [![Swift](https://img.shields.io/badge/Language-Swift-F05138?style=flat&logo=swift&logoColor=white)](https://swift.org/)
Kotlin Kotlin [![Kotlin](https://img.shields.io/badge/Language-Kotlin-0095D5?style=flat&logo=kotlin&logoColor=white)](https://kotlinlang.org/)
Dart Dart [![Dart](https://img.shields.io/badge/Language-Dart-0175C2?style=flat&logo=dart&logoColor=white)](https://dart.dev/)
Scala Scala [![Scala](https://img.shields.io/badge/Language-Scala-C22D40?style=flat&logo=scala&logoColor=white)](https://www.scala-lang.org/)
Elixir Elixir [![Elixir](https://img.shields.io/badge/Language-Elixir-4B275F?style=flat&logo=elixir&logoColor=white)](https://elixir-lang.org/)
Haskell Haskell [![Haskell](https://img.shields.io/badge/Language-Haskell-5C4F7C?style=flat&logo=haskell&logoColor=white)](https://www.haskell.org/)

↑ Back to top

🛠️ Compilers

Name Badge Markdown
MSVC MSVC [![MSVC](https://img.shields.io/badge/Build-MSVC-5C2D91?style=flat)](https://learn.microsoft.com/en-us/cpp/)
GCC GCC [![GCC](https://img.shields.io/badge/Build-GCC-000000?style=flat&logo=gnu&logoColor=white)](https://gcc.gnu.org/)
Clang Clang [![Clang](https://img.shields.io/badge/Build-Clang-262D3A?style=flat&logo=llvm&logoColor=white)](https://clang.llvm.org/)
ICC (Intel) ICC [![ICC](https://img.shields.io/badge/Build-Intel%20ICC-0071C5?style=flat&logo=intel&logoColor=white)](https://software.intel.com/)
Emscripten Emscripten [![Emscripten](https://img.shields.io/badge/Build-Emscripten-5C2D91?style=flat&logo=emscripten&logoColor=white)](https://emscripten.org/)

↑ Back to top

🛠️ Build Tools

Name Badge Markdown
Make Make [![Make](https://img.shields.io/badge/Build-Make-6D00CC?style=flat&logo=cmake&logoColor=white)](https://www.gnu.org/software/make/)
CMake CMake [![CMake](https://img.shields.io/badge/Build-CMake-064F8C?style=flat&logo=cmake&logoColor=white)](https://cmake.org/)
Gradle Gradle [![Gradle](https://img.shields.io/badge/Build-Gradle-02303A?style=flat&logo=gradle&logoColor=white)](https://gradle.org/)
Maven Maven [![Maven](https://img.shields.io/badge/Build-Maven-C71A36?style=flat&logo=apachemaven&logoColor=white)](https://maven.apache.org/)
Yarn Yarn [![Yarn](https://img.shields.io/badge/Build-Yarn-2C8EBB?style=flat&logo=yarn&logoColor=white)](https://yarnpkg.com/)
pnpm pnpm [![pnpm](https://img.shields.io/badge/Build-pnpm-F69220?style=flat&logo=pnpm&logoColor=white)](https://pnpm.io/)
Bazel Bazel [![Bazel](https://img.shields.io/badge/Build-Bazel-0F9D58?style=flat&logo=bazel&logoColor=white)](https://bazel.build/)

↑ Back to top

📦 Runtime & Package Managers

Name Badge Markdown
Node.js Node.js [![Node.js](https://img.shields.io/badge/Runtime-Node.js-339933?style=flat&logo=node.js&logoColor=white)](https://nodejs.org/)
npm npm [![npm](https://img.shields.io/badge/Package-npm-CB3837?style=flat&logo=npm&logoColor=white)](https://www.npmjs.com/)
PyPI PyPI [![PyPI](https://img.shields.io/pypi/v/pip?style=flat&logo=python&logoColor=white)](https://pypi.org/)
Cargo Cargo [![Cargo](https://img.shields.io/crates/v/cargo?style=flat&logo=rust&logoColor=white)](https://crates.io/)
Yarn Yarn [![Yarn](https://img.shields.io/badge/Package-Yarn-2C8EBB?style=flat&logo=yarn&logoColor=white)](https://yarnpkg.com/)
pnpm pnpm [![pnpm](https://img.shields.io/badge/Package-pnpm-F69220?style=flat&logo=pnpm&logoColor=white)](https://pnpm.io/)
Bun Bun [![Bun](https://img.shields.io/badge/Runtime-Bun-000000?style=flat&logo=bun&logoColor=white)](https://bun.sh/)
Poetry Poetry [![Poetry](https://img.shields.io/badge/Package-Poetry-4F3D9A?style=flat&logo=python&logoColor=white)](https://python-poetry.org/)
pipenv pipenv [![pipenv](https://img.shields.io/badge/Package-pipenv-2C3E50?style=flat&logo=python&logoColor=white)](https://pipenv.pypa.io/)

↑ Back to top

🎮 Engines & Frameworks

Name Badge Markdown
Unity Unity [![Unity](https://img.shields.io/badge/Engine-Unity-000000?style=flat&logo=unity&logoColor=white)](https://unity.com/)
Unreal Engine Unreal [![Unreal Engine](https://img.shields.io/badge/Engine-Unreal-0E1128?style=flat&logo=unrealengine&logoColor=white)](https://www.unrealengine.com/)
Godot Godot [![Godot](https://img.shields.io/badge/Engine-Godot-478CBF?style=flat&logo=godot&logoColor=white)](https://godotengine.org/)
Blender Blender [![Blender](https://img.shields.io/badge/Tool-Blender-F5792A?style=flat&logo=blender&logoColor=white)](https://www.blender.org/)
React React [![React](https://img.shields.io/badge/Framework-React-61DAFB?style=flat&logo=react&logoColor=white)](https://reactjs.org/)
Angular Angular [![Angular](https://img.shields.io/badge/Framework-Angular-DD0031?style=flat&logo=angular&logoColor=white)](https://angular.io/)
Vue.js Vue [![Vue.js](https://img.shields.io/badge/Framework-Vue-4FC08D?style=flat&logo=vue.js&logoColor=white)](https://vuejs.org/)
Next.js Next.js [![Next.js](https://img.shields.io/badge/Framework-Next.js-000000?style=flat&logo=next.js&logoColor=white)](https://nextjs.org/)
Tailwind CSS TailwindCSS [![TailwindCSS](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?style=flat&logo=tailwindcss&logoColor=white)](https://tailwindcss.com/)
Vercel Vercel [![Vercel](https://img.shields.io/badge/Platform-Vercel-000000?style=flat&logo=vercel&logoColor=white)](https://vercel.com/)
Svelte Svelte [![Svelte](https://img.shields.io/badge/Framework-Svelte-FF3E00?style=flat&logo=svelte&logoColor=white)](https://svelte.dev/)
SvelteKit SvelteKit [![SvelteKit](https://img.shields.io/badge/Framework-SvelteKit-FF3E00?style=flat&logo=svelte&logoColor=white)](https://kit.svelte.dev/)
Remix Remix [![Remix](https://img.shields.io/badge/Framework-Remix-000000?style=flat&logo=remix&logoColor=white)](https://remix.run/)
Nuxt.js Nuxt.js [![Nuxt.js](https://img.shields.io/badge/Framework-Nuxt.js-00C58E?style=flat&logo=nuxtdotjs&logoColor=white)](https://nuxt.com/)
Astro Astro [![Astro](https://img.shields.io/badge/Framework-Astro-0EA5A6?style=flat&logo=astro&logoColor=white)](https://astro.build/)
Django Django [![Django](https://img.shields.io/badge/Framework-Django-092E20?style=flat&logo=django&logoColor=white)](https://www.djangoproject.com/)
Flask Flask [![Flask](https://img.shields.io/badge/Framework-Flask-000000?style=flat&logo=flask&logoColor=white)](https://flask.palletsprojects.com/)
FastAPI FastAPI [![FastAPI](https://img.shields.io/badge/Framework-FastAPI-009688?style=flat&logo=fastapi&logoColor=white)](https://fastapi.tiangolo.com/)
Express Express [![Express](https://img.shields.io/badge/Framework-Express-000000?style=flat&logo=express&logoColor=white)](https://expressjs.com/)
Eleventy Eleventy [![Eleventy](https://img.shields.io/badge/Framework-Eleventy-000000?style=flat&logo=eleventy&logoColor=white)](https://www.11ty.dev/)

↑ Back to top

🧑‍💻 IDEs & Editors

Name Badge Markdown
VS Code VSCode [![VSCode](https://img.shields.io/badge/Editor-VS%20Code-007ACC?style=flat)](https://code.visualstudio.com/)
Visual Studio Visual Studio [![Visual Studio](https://img.shields.io/badge/IDE-Visual%20Studio-5C2D91?style=flat&logo=visualstudio&logoColor=white)](https://visualstudio.microsoft.com/)
JetBrains JetBrains [![JetBrains](https://img.shields.io/badge/IDE-JetBrains-000000?style=flat&logo=jetbrains&logoColor=white)](https://www.jetbrains.com/)
Sublime Text Sublime [![Sublime Text](https://img.shields.io/badge/Editor-Sublime%20Text-FF9800?style=flat&logo=sublimetext&logoColor=white)](https://www.sublimetext.com/)
IntelliJ IDEA IntelliJ IDEA [![IntelliJ IDEA](https://img.shields.io/badge/IDE-IntelliJ%20IDEA-000000?style=flat&logo=intellijidea&logoColor=white)](https://www.jetbrains.com/idea/)
Vim Vim [![Vim](https://img.shields.io/badge/Editor-Vim-019733?style=flat&logo=vim&logoColor=white)](https://www.vim.org/)
Atom Atom [![Atom](https://img.shields.io/badge/Editor-Atom-66595C?style=flat&logo=atom&logoColor=white)](https://atom.io/)

↑ Back to top

🎨 Graphics APIs

Name Badge Markdown
OpenGL OpenGL [![OpenGL](https://img.shields.io/badge/Graphics-OpenGL-5586A4?style=flat&logo=opengl&logoColor=white)](https://www.opengl.org/)
Vulkan Vulkan [![Vulkan](https://img.shields.io/badge/Graphics-Vulkan-AC162C?style=flat&logo=vulkan&logoColor=white)](https://www.khronos.org/vulkan/)
DirectX DirectX [![DirectX](https://img.shields.io/badge/Graphics-DirectX-107C10?style=flat)](https://learn.microsoft.com/en-us/windows/win32/directx)
Metal Metal [![Metal](https://img.shields.io/badge/Graphics-Metal-1B1B1B?style=flat&logo=apple&logoColor=white)](https://developer.apple.com/metal/)
WebGPU WebGPU [![WebGPU](https://img.shields.io/badge/Graphics-WebGPU-4C8BF5?style=flat&logo=webgpu&logoColor=white)](https://gpuweb.github.io/gpuweb/)

↑ Back to top

🧰 Version Control / GitHub

Name Badge Markdown
Git Git [![Git](https://img.shields.io/badge/VCS-Git-F05032?style=flat&logo=git&logoColor=white)](https://git-scm.com/)
GitHub GitHub [![GitHub](https://img.shields.io/badge/Platform-GitHub-181717?style=flat&logo=github&logoColor=white)](https://github.com/)
GitLab GitLab [![GitLab](https://img.shields.io/badge/Platform-GitLab-FCA121?style=flat&logo=gitlab&logoColor=white)](https://gitlab.com/)
Bitbucket Bitbucket [![Bitbucket](https://img.shields.io/badge/Platform-Bitbucket-205081?style=flat&logo=bitbucket&logoColor=white)](https://bitbucket.org/)

↑ Back to top

🟢 Status / Development

Name Badge Markdown
Early Development Status ![Status](https://img.shields.io/badge/Status-Early%20Development-yellow?style=flat)
In Development Status ![Status](https://img.shields.io/badge/Status-In%20Development-orange?style=flat)
Stable Status ![Status](https://img.shields.io/badge/Status-Stable-success?style=flat)
Deprecated Status ![Status](https://img.shields.io/badge/Status-Deprecated-lightgrey?style=flat)
Experimental Status ![Status](https://img.shields.io/badge/Status-Experimental-blueviolet?style=flat)
Alpha Status ![Status](https://img.shields.io/badge/Status-Alpha-lightpink?style=flat)
Maintenance Status ![Status](https://img.shields.io/badge/Status-Maintenance-lightseagreen?style=flat)
Archived Status ![Status](https://img.shields.io/badge/Status-Archived-lightgrey?style=flat)

↑ Back to top

🖥️ Platforms

Name Badge Markdown
Windows Platform ![Platform](https://img.shields.io/badge/Platform-Windows-lightgrey?style=flat)
Linux Platform ![Platform](https://img.shields.io/badge/Platform-Linux-lightgrey?style=flat)
macOS Platform ![Platform](https://img.shields.io/badge/Platform-macOS-lightgrey?style=flat)
Android Platform ![Platform](https://img.shields.io/badge/Platform-Android-3DDC84?style=flat&logo=android&logoColor=white)
iOS Platform ![Platform](https://img.shields.io/badge/Platform-iOS-000000?style=flat&logo=apple&logoColor=white)
Web Platform ![Platform](https://img.shields.io/badge/Platform-Web-61DAFB?style=flat&logo=web&logoColor=white)
Windows | Linux Platform ![Platform](https://img.shields.io/badge/Platform-Windows%20%7C%20Linux-lightgrey?style=flat)
Windows | Linux | macOS Platform ![Platform](https://img.shields.io/badge/Platform-Windows%20%7C%20Linux%20%7C%20macOS-lightgrey?style=flat)

↑ Back to top

📜 Licenses

Name Badge Markdown
MIT License [![License](https://img.shields.io/badge/License-MIT-green?style=flat)](LICENSE)
GPLv3 License [![License](https://img.shields.io/badge/License-GPLv3-blue?style=flat)](https://www.gnu.org/licenses/gpl-3.0)
Apache 2.0 License [![License](https://img.shields.io/badge/License-Apache%202.0-red?style=flat)](https://www.apache.org/licenses/LICENSE-2.0)
BSD-3-Clause License [![License](https://img.shields.io/badge/License-BSD%203--Clause-blue?style=flat)](https://opensource.org/licenses/BSD-3-Clause)
MPL-2.0 License [![License](https://img.shields.io/badge/License-MPL%202.0-orange?style=flat)](https://www.mozilla.org/en/MPL/)

↑ Back to top

⚙️ Project Type

Name Badge Markdown
Game Type ![Type](https://img.shields.io/badge/Project-Game-FF3D00?style=flat&logo=unity&logoColor=white)
Engine Type ![Type](https://img.shields.io/badge/Project-Engine-purple?style=flat)
Library Type ![Type](https://img.shields.io/badge/Project-Library-blue?style=flat)
Framework Type ![Type](https://img.shields.io/badge/Project-Framework-2E7D32?style=flat&logo=code&logoColor=white)
Web Type ![Type](https://img.shields.io/badge/Project-Web-blueviolet?style=flat)
CLI Type ![Type](https://img.shields.io/badge/Project-CLI-424242?style=flat&logo=terminal&logoColor=white)
Service Type ![Type](https://img.shields.io/badge/Project-Service-00ACC1?style=flat)

↑ Back to top

📌 Dynamic Badges Overview

Dynamic badges are small visual indicators generated in real time using services like Shields.io.
They automatically reflect the current status of a project, such as package versions, build status, or release information.

🔧 How to Use Them

  1. Choose the badge type you need (npm, PyPI, Crates.io, CI status, etc.).

  2. Replace the placeholder values (e.g. your-package-name, your-user, your-repo) with your actual project data.

  3. Copy the Markdown snippet and paste it directly into your README.md.

  4. The badge will update automatically whenever the source data changes.

📦 Common Use Cases

  • Show the latest published version of a package
  • Display CI / build status
  • Indicate project activity or stability
  • Provide quick visual metadata for repositories
Name Badge Markdown
npm npm version [![npm version](https://img.shields.io/npm/v/your-package-name?logo=nodedotjs)](https://www.npmjs.com/)
PyPI PyPI version [![PyPI version](https://img.shields.io/pypi/v/your-package-name?logo=python)](https://pypi.org/)
Crates.io Crates.io [![Crates.io](https://img.shields.io/crates/v/your-crate-name?logo=rust&logoColor=white)](https://crates.io/)
GitHub Actions GitHub Actions [![GitHub Actions](https://img.shields.io/github/actions/workflow/status/your-user/your-repo/ci.yml?branch=main&logo=githubactions)](https://github.com/your-user/your-repo/actions)
Codecov Codecov [![Codecov](https://img.shields.io/codecov/c/gh/your-user/your-repo?logo=codecov)](https://codecov.io/)
Docker Pulls Docker Pulls [![Docker Pulls](https://img.shields.io/docker/pulls/your-docker-hub/your-image?logo=docker)](https://hub.docker.com/)
GitHub Release GitHub Release [![GitHub Release](https://img.shields.io/github/v/release/your-user/your-repo?logo=github)](https://github.com/your-user/your-repo/releases)

↑ Back to top

About

Badges for your personal developer branding, profile, and projects.

Topics

Resources

License

Stars

Watchers

Forks