Everything you need to build stunning GitHub profile READMEs with ReadmeForge's 44-metal SVG engine.
ReadmeForge works by embedding SVG image URLs directly into your GitHub README markdown. No installation, no signup, no API keys — just a URL.
<!-- 1. Open the ReadmeForge app --> <!-- https://readmeforge.natrajx.in --> <!-- 2. Configure your component visually, then copy the generated markdown --> <!-- 3. Paste directly into your README.md -->  <!-- That's it. ✓ -->
 markdown image. It renders anywhere GitHub renders markdown — READMEs, issues, wikis, profiles.When GitHub renders your README, it requests each image URL. ReadmeForge's edge functions receive the request, generate an SVG in milliseconds, and return it.
export const runtime = 'edge' — zero cold starts, globally distributed. SVGs are cached with Cache-Control: public, max-age=86400.Every component follows the same URL pattern:
<!-- Component examples --> https://readmeforge.natrajx.in/api/banner?text=Hello&metal=chrome https://readmeforge.natrajx.in/api/badge?label=Version&value=3.0&metal=gold https://readmeforge.natrajx.in/api/button?label=Deploy&style=metallic&metal=neon-green https://readmeforge.natrajx.in/api/card?title=Stars&value=1.2k&metal=silver https://readmeforge.natrajx.in/api/skill-tree?skills=Python:90,JS:85&metal=neon-blue
+ or %20 for spaces in text values. Special characters should be URL-encoded.Pass any metal name as the metal= parameter.
chromegoldsilverbronzecopperironneon-greenneon-blueneon-pinkneon-orangeneon-yellowelectricplasmaholographicmatrixcyberauroraaurora-blueaurora-greenrose-goldpearllavendermintpeachobsidiantitaniumplatinumtungstenOverride any metal with your own colors using the colors= param. Pass comma-separated hex values. The angle= param controls the gradient direction.
<!-- Two-color gradient, 45° angle -->  <!-- Three-color gradient -->  <!-- Named colors also work --> 
colors is provided it overrides the metal param for color — but metal still controls glow effects and text colors./api/bannerFull-width header banner with title, subtitle, and optional text animation
Params: text, sub, style, anim, width, height
/api/cardCompact card showing a title and value — great for GitHub stats
Params: title, value, style, icon
/api/card-neoNeumorphic style card with soft shadows and depth
Params: title, value, neoTheme, neoStyle
/api/card-glassGlassmorphic card with frosted blur effect
Params: title, value, glassTheme
/api/button16 clickable button styles — wrap in []() for a link
Params: label, style (16 options), icon
/api/badgeTwo-part label/value badge in 5 shapes
Params: label, value, shape, valueColor
/api/headerFull page header with name, title, and avatar area
Params: name, title, avatar, style
/api/footerPage footer strip with text and metal divider
Params: text, style
/api/dividerDecorative separator in 6 styles
Params: style (wave/zigzag/dots/straight/double/gradient)
/api/text-anim20 animated text effects rendered as SMIL SVG
Params: text, effect (20 options), size
/api/progress-barSingle skill progress bar with label and percentage
Params: skill, value (0-100)
/api/skill-treeMultiple skill bars stacked vertically
Params: skills (Name:percent,Name:percent,...)
/api/terminalFake terminal block with command output lines
Params: lines (pipe-separated), title
/api/social-linksRow of social platform links/icons
Params: links (platform:handle,...), style
/api/logo-containerShaped logo/avatar container (hex, circle, shield, star)
Params: text, src, style (6 shapes), spin
/api/image-containerDecorative metallic frame around any image
Params: src, frame (6 styles), caption
<div align="center">  </div>
<!-- Wrap the image in a link: [](destination-url) --> [](https://vercel.com)
<!-- Use an HTML table for multi-column layouts --> <table> <tr> <td><img src="https://readmeforge.natrajx.in/api/card?title=Stars&value=1.2k&metal=gold"/></td> <td><img src="https://readmeforge.natrajx.in/api/card?title=Forks&value=340&metal=chrome"/></td> <td><img src="https://readmeforge.natrajx.in/api/card?title=PRs&value=89&metal=silver"/></td> </tr> </table>