Generate retro README banners in your browser. 14 styles, full colour and layout control, export to PNG or SVG.

retrohead turns a title into a header banner in one of 14 retro styles, rendered as SVG entirely client-side. Pick a style, type your title, tweak the colours, size, and position, then download a PNG or SVG, or copy the Markdown straight into your README.

Styles

• ASCII / Terminal: figlet wordmarks (ANSI Shadow, Delta Corps Priest, and more) with a gold-foil gradient
• Gold Foil: banded metallic gradient with a bevel
• Synthwave / Outrun: neon sun, perspective grid, chrome lettering
• Vaporwave: pastel chromatic split over a grid floor
• Holographic Foil: iridescent gradient, sheen, sparkles
• CRT / DOS: amber or green phosphor, scanlines, boot log
• VHS Tracking: RGB channel split, tracking bars, OSD timestamp
• Pixel / 8-bit: a bitmap font with arcade, platformer, and racer scenes
• Matrix Rain: digital rain behind a glowing wordmark
• Sci-Fi HUD: targeting reticle, corner brackets, data callouts
• Teletext / Ceefax: flat 8-colour blocks with a fastext footer
• C64 / BASIC: a Commodore boot screen
• Win95 Window: beveled window chrome
• Comic Halftone: Ben-Day dots, starburst, keyline

Most styles carry theme presets and structural variants. Hit Regenerate to cycle them.

Customise

• Colours: background, primary, accent, and outline pickers, seeded from the preset
• Layout: font size, X/Y position, custom canvas dimensions
• Export: PNG at 2x, SVG, or copy the Markdown snippet

Run

npm install
npm run dev      # http://localhost:5173
npm run build    # static build in dist/

No backend, no tracking. Each renderer is a pure Config -> SVG function, so the same code can back a hosted URL service later.

License

MIT. See LICENSE.