fontFamily=helveticaOne of: helvetica, andale mono, arial, avenir, avenir next, comic sans ms, courier new, georgia, impact, quantify, tahoma, times new roman, trebuchet ms, verdana, webdings. Write spaces as %20.
Buttons for your README, made from a link.
Put your text in a URL, add a few parameters, and paste it into any Markdown file, GitHub README, blog or website. No account, no build step.
Build your button
Change anything. The link and the snippets update as you go.
Live preview
https://gh-stamps.vercel.app/api/Example?fontSize=14&borderRadius=4&borderWidth=1&padding=10&backgroundColor=c2e1ff&color=1d568b&borderColor=90bee9
Text
Layout
Fill
Border
Icon
Shadow
How it works
- Write your text in the link
gh-stamps.vercel.app/api/Example - Add parameters after a ?
?backgroundColor=0C7C59&icon=heart - Paste it anywhere images work
Parameters
Start with ? and join more with &. Every parameter is optional.
fontSize=14Text size in pixels. The icon scales with it.
fontWeight=normalfontStyle=normalWeight: normal, bold or a number from 100 to 900. Style: normal or italic.
letterSpacing=0Extra space between letters in pixels. Negative values tighten the text.
borderRadius=4Corner rounding in pixels.
backgroundColor=0794e0A colour name like teal, transparent, or a hex value without the #, like C0FFEE. Add two digits for transparency: C0FFEE80 is half see-through. This works for every colour parameter.
gradientAngle=180Give backgroundColor several colours, separated by commas, for a gradient. The angle works as in CSS: 0 runs upwards, 90 to the right, 180 downwards.
color=whiteColour of the text, and of the icon unless iconColor is set.
borderWidth=0borderColor=0b76b0Border thickness in pixels, and its colour.
padding=0Space around the text. When set, it replaces the four values below (left and right get 4px extra).
paddingTop=8paddingRight=16paddingBottom=8paddingLeft=16Space on one side only.
minWidth=0The narrowest the button gets, in pixels. Shorter content is centred, so a row of buttons can share one width.
iconAny free Font Awesome icon by name. Unknown names are ignored, so the button still renders.
iconStyle=solidsolid, regular or brands. If the icon is not drawn in that style, another style is used.
iconPosition=beforebefore or after the text.
iconSpacing=autoSpace between the icon and the text in pixels. By default it is half the font size.
iconColoriconSizeThe icon's own colour and height in pixels. Left out, the icon matches the text colour and font size.
shadowX=0shadowY=0shadowBlur=0shadowColor=00000040A drop shadow behind the button: its offset and blur in pixels, and its colour. The default is black at 25%. The image grows to fit the shadow.
Examples
Click one to open it in the builder.