npm Package Badges

Terminal-themed badges for JavaScript and TypeScript packages on npm. Show version and downloads with 15+ terminal color themes.

ライブ例

/badge/npm/chalk/version.svg
npm version badge for chalk
/badge/npm/typescript/version.svg
npm version badge for typescript
/badge/npm/emojifyi/version.svg
npm version badge for emojifyi
/badge/npm/chalk/downloads.svg
npm downloads badge for chalk
/badge/npm/express/downloads.svg
npm downloads badge for express

ターミナルテーマ

任意のバッジ URL に ?theme=name を追加してください。15 以上のテーマが利用可能。

dracula dracula theme badge
nord nord theme badge
solarized-dark solarized-dark theme badge
gruvbox-dark gruvbox-dark theme badge
tokyo-night tokyo-night theme badge
catppuccin-mocha catppuccin-mocha theme badge

URL 形式

https://agentgif.com/badge/npm/{package}/{metric}.svg

利用可能なメトリクス: version, downloads

クエリパラメーター: ?theme=dracula ?style=flat

使用法

Markdown

[![npm version](https://agentgif.com/badge/npm/chalk/version.svg)](https://www.npmjs.com)

HTML

<img src="https://agentgif.com/badge/npm/chalk/version.svg" alt="npm badge">
バッジプレイグラウンドで試す

ライブプレビューとコピーペーストスニペットでカスタムバッジを作成