all widgets

header

README header images with title, subtitle, logo, and grid background.

Examples

Every image below is rendered live by this worker.

dark left-aligned header 
/header/graph.svg?title=codexpass&subtitle=Use+your+Codex+login+anywhere&font=geist-mono&border=false
light centered header with logo 
/header/graph.svg?title=gh-widgets&subtitle=Self-hosted+README+widgets&mode=light&align=center&logo=cloudflare&logoColor=f38020
custom-color header 
/header/graph.svg?title=night+shift&subtitle=custom+background+and+foreground&bg=0a1929&fg=7dd3fc&font=geist-mono&border=false
compact header 
/header/graph.svg?title=compact&height=120&font=geist-mono

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 /header/graph.svg



	

		
			

						title
						string
						Main heading. Max 80 chars; long titles shrink to fit.
					

						subtitle
						string
						Line under the title. Optional, max 140 chars.
					

						mode
						dark | light
						Color theme. Default dark.
					

						align
						left | center
						Text alignment. Default left.
					

						font
						geist-mono | inter | serif
						Font stack. Default inter.
					

						border
						true | false
						1px rounded border. Default true.
					

						logo
						slug
						simple-icons slug (e.g. openai, cloudflare), drawn above the title.
					

						logoColor
						hex
						Logo fill color, without #. Default 848484.
					

						width
						200 to 2000
						Image width in px. Default 750.
					

						height
						80 to 1000
						Image height in px. Default 260.
					

						bg
						hex
						Background color override, without #.
					

						fg
						hex
						Text color override, without #.