Capsule Render

Dynamic Coloful Image Render.

Parameters

Click to show/close parameters

Name	Type	Required	Default	Description	More Description
type	string		wave	Type data makes to change Background Image	Supported: wave egg shark slice rect soft rounded cylinder waving venom speech blur transparent.
color	string		B897FF	Change Background Image	Supported: auto timeAuto random gradient timeGradient HEX value or custom gradient, format: widthPer:color1,widthPer:color2....
customColorList	string			Select random color index from preset colors	Format: idx1,idx2,idx3..., if you want certain colors to have a higher probability of appearing, you can write their indices multiple times. This only takes effect when color is auto or gradient.
theme	string		default	Theme	Supported: default dark radical merko gruvbox_light tokyonight onedark cobalt. Theme color reference: pallete_theme.
section	string		header	Section data makes reverse Background Image	Supported: header footer.
reversal	boolean		false	Reverse the image left and right (Color at the same time)
height	number		120	Change Image Size	Unit: pixels.
text	string			Input text over the Image	Format: %20 space -nl- newline.
desc	string			Input desc over the Image	Format: %20 space, Note: -nl- newline is not supported.
textBg	boolean			Background of Text
animation	string			Make the text dynamic	Supported: fadeIn scaleIn blink blinking twinkling.
fontColor	string			Change text color	Format: HEX e.g. FF0000.
fontSize	number		70	Change text font size	Unit: pixels.
fontAlign	number		50	Change text horizontal-align (x)	Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value.
fontAlignY	number		50	Change text vertical-align (y)	Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value.
descSize	number		20	Change desc font size	Unit: pixels.
descAlign	number		50	Change desc horizontal-align (x)	Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value.
descAlignY	number		60	Change desc vertical-align (y)	Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value.
rotate	number			Rotate text	Bettwen -360 and 360, unit: degrees.
stroke	string			Change text stroke	Format: HEX e.g. FF0000, if strokeWidth is not set, strokeWidth will default to 1.
strokeWidth	number			Change text stroke width	Format: HEX e.g. FF0000, if stroke is not set, stroke will default to B897FF.

https://capsule-render.vercel.app/api{?type,color,customColorList,theme,section,reversal,height,text,desc,animation,fontColor,fontSize,fontAlign,fontAlignY,descSize,descAlignY,rotate,stroke,strokeWidth}

Examples

<!-- kyechan99/capsule-render -->
![Capsule-Render Header](https://capsule-render.vercel.app/api?type=waving&color=auto&height=300&section=header&text=capsule%20render&fontSize=90&animation=fadeIn&fontAlignY=38&desc=Decorate%20GitHub%20Profile%20or%20any%20Repo%20like%20me!&descAlignY=51&descAlign=62)

<!-- kyechan99/capsule-render -->
![Capsule-Render Footer](https://capsule-render.vercel.app/api?type=waving&color=auto&height=100&section=footer)