Ksenia Ksenia Graphic Designer Portfolio Graphic Designer Portfolio

SVG Header & Footer Editor for GitHub README

Size48px
Size26px
Size22px
@bestdeejay-design @bestdeejay-design

Export

SVG code (ready-to-use banner for README)

Builder: bands and backgrounds

Colors
Click an element, then pick a color. Use the picker or HEX input for any color. «Clear» (checkerboard) = transparent. The color applies immediately.
Sizes
The banner height. Header waves, text and footer shift accordingly. Preview and exports use the same values.
Header
Header background
—
Glow A (left, top)
—
Glow B (center, top)
—
Glow C (right, top)
—
Band 1 (top wave)
—
Band 2 (middle wave)
—
Band 3 (bottom wave)
—
Clear band (bottom of header)
Footer
Footer background (dark)
—
Glow A (left)
—
Glow B (center)
—
Glow C (right)
—
Band 1 (top wave)
—
Band 2 (bottom wave)
Waves: shape (each separately)