Fast badge generator for any purpose
```sh Usage:
https://merit-badge.dev/badge/{subject}[/{text}][?params]
Path: /subject string /text (Optional) string. Text can also be comma separated numbers for sparkline
Query Params: color badge color. Must be a valid css color icon icon can be any "Brand" or "Solid" icons from fontawesome icon_color icon color. Must be a valid css color style [possible values: flat, classic] defaults to classic size [possible values: large, medium, small] defaults to small ```
| | | |
| ------------------------------ | ------------------------------------------------------- | :------------- |
| Badge with only subject | https://merit-badge.dev/badge/subject | ![badgesub] |
| Default badge | https://merit-badge.dev/badge/subject/text | ![badgedef] |
| Badge with medium size | https://merit-badge.dev/badge/size/medium?size=medium | ![badgemd] |
| Badge with large size | https://merit-badge.dev/badge/size/large?size=large | ![badgelg] |
| Red badge | https://merit-badge.dev/badge/color/red?color=ff0000 | ![badgecolor] |
| Badge with brand icon | https://merit-badge.dev/badge/icon/brand?icon=npm | ![badgeicon1] |
| Badge with solid icon | https://merit-badge.dev/badge/icon/solid?icon=code | ![badgeicon2] |
| Badge with sparkline chart | https://merit-badge.dev/badge/data/1,5,2,4,8,3,7 | ![badgedata] |
| Flat badge | https://merit-badge.dev/badge/style/flat?style=flat | ![badge_flat] |
Icon cany be any Brand or Solid icons from fontawesome Color can be any 6 or 8 digit hex color, a valid css color name or RGB / RGBA color
Generate live badges from your own endpoint.
| | | |
| ----------------------- | ----------------------------------------------------------------------- | -------------------- |
| Text badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/allText | ![runkitallText] |
| Data badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/allData | ![runkitallData] |
| badge with only subject | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/subject | ![runkitsubject] |
| default badge with text | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/withText | ![runkitwithText] |
| Medium size badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/mediumSize | ![runkitmediumSize] |
| Large size badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/largeSize | ![runkitlargeSize] |
| Red badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/red | ![runkitred] |
| badge with brand icon | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/iconBrand | ![runkiticonBrand] |
| badge with solid icon | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/iconSolid | ![runkiticonSolid] |
| Chart badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/data | ![runkitdata] |
| Flat badge | https://merit-badge.dev/url/https://b5vhr8tsmbj6.runkit.sh/flat | ![runkit_flat] |
```sh Usage:
https://merit-badge.dev/url/{http-endponint}[?params]
Path: http-endponint : An HTTP GET endpoint that returns following JSON { text?: string subject: string style?: "Flat" | "Classic" size?: "Large" | "Medium" | "Small" color?: string // Can be any valid CSS color icon?: string // Icon can be any "Brand" or "Solid" icons from fontawesome icon_color?: string // Can be any valid CSS color data?: number[] }
Query Params: color Any valid css color. Supports Color name, RGB and hex icon Icon can be any "Brand" or "Solid" icons from fontawesome icon_color Any valid css color. Supports Color name, RGB and hex style [possible values: flat, classic] defaults to classic size [possible values: large, medium, small] defaults to small
```
Query params take presidence if any option is passed in both query param and endpoint.
Runkit example
```sh
❯ badge --help
Usage: badge -s