The latest articles on DEV Community by PotenFYR (@potenfyr). https://dev.to/potenfyr https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4166163%2F170932e3-8afd-4c0e-9079-1c14ceec3c3a.png https://dev.to/potenfyr en PotenFYR Tue, 06 Oct 2026 10:59:21 +0000 https://dev.to/potenfyr/how-to-make-your-github-readme-stand-out-with-one-url-23ej https://dev.to/potenfyr/how-to-make-your-github-readme-stand-out-with-one-url-23ej <p>Your GitHub README is the first thing people see when they open your project. Most of them look the same: a title, a few badges, some text.</p> <p>Making something better usually means opening a design tool, exporting images, and redoing it every time your stats change. We got tired of that, so we built <strong>ReadmeFX</strong>.</p> <p><strong>Try it:</strong> <a href="https://readmefx.potenfyr.in/" rel="noopener noreferrer">https://readmefx.potenfyr.in/</a></p> <h2> What is ReadmeFX? </h2> <p>ReadmeFX is a collection of <strong>56 live SVG generators</strong> for GitHub READMEs. Each one is a URL. You paste it into your README as an image, and it renders on the spot.</p> <ul> <li> <strong>No account</strong> to create</li> <li> <strong>No API key</strong> to manage</li> <li> <strong>No build step</strong> or GitHub Action to set up</li> </ul> <h2> What can you make? </h2> <ul> <li>Stats cards</li> <li>Contribution snake animations</li> <li>Trophies</li> <li>Charts</li> <li>QR codes</li> <li>...and a lot more on the site</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdeaku206sf7g52r42ltk.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdeaku206sf7g52r42ltk.png" alt="ReadmeFX generators" width="800" height="450"></a></p> <h2> Quick start </h2> <p>Add it to your README like any other image, and replace <code>{username}</code> with your GitHub username:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight markdown"><code><span class="p">![</span><span class="nv">GitHub Stats Card</span><span class="p">](</span><span class="sx">https://readmefx.potenfyr.in/stats?username={username}&amp;showIcons=true&amp;rank=true&amp;animate=true&amp;theme=midnight</span><span class="p">)</span> </code></pre> </div> <p>You can change how the card looks through the URL parameters, like <code>theme</code>, <code>showIcons</code>, <code>rank</code> and <code>animate</code>. Because the output is SVG, it stays sharp on any screen.</p> <h2> It's still in beta </h2> <p>ReadmeFX is under active development, so you may run into bugs or things that don't look right. If you do, please tell us in the comments or email us at <a href="mailto:support@potenfyr.in">support@potenfyr.in</a>.</p> <p>We're also deciding which generators to build next. <strong>What's one thing you wish your README had?</strong></p> <p>Thanks for reading, and if you try it, drop your README link in the comments. We'd love to see it.</p> github webdev showdev