all widgets

group

Several badges in one pill, separated by dividers.

Examples

Every image below is rendered live by this worker.

three badges in one pill 
/group/badges.svg?b=label:build|message:passing|color:3fb950&b=label:version|message:v1.2.0&b=label:license|message:Apache-2.0|color:a78bfa
badges with logos 
/group/badges.svg?b=logo:cloudflare|logoColor:f38020|label:runs+on|message:workers&b=logo:github|label:source|message:gh-widgets
light mode group 
/group/badges.svg?mode=light&b=label:build|message:passing|color:16a34a&b=label:docs|message:live

Builder

Edit the fields. The previews and the snippet update as you type.

dark preview light preview
README snippet, auto dark/light 



	
API



	Each widget is one endpoint, and every option is a query parameter. Responses are SVG images,
	cached on Cloudflare's edge, and usable from any site.



GET /group/badges.svg



	

		
			

						b
						key:value|key:value
						One segment. Repeat b for more, up to 8. Keys are the same options /badge/static.svg takes: label, message, color, labelColor, logo, logoColor.
					

						mode
						dark | light
						Color theme for the whole pill. Default dark.
					

						bg
						hex
						Pill background override, without #.