The latest articles on DEV Community by trobasuj-cpu (@trobasujcpu). https://dev.to/trobasujcpu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3899116%2F5796d187-76f4-4cd0-a080-76aa2f39de34.png https://dev.to/trobasujcpu en trobasuj-cpu Sun, 26 Apr 2026 17:36:46 +0000 https://dev.to/trobasujcpu/i-built-a-free-github-readme-generator-no-sign-up-no-bs-5elc https://dev.to/trobasujcpu/i-built-a-free-github-readme-generator-no-sign-up-no-bs-5elc <p>Every time I start a new project, I dread the same thing: writing the README.</p> <p>Not because it's hard — but because it's tedious. You Google "readme template", copy some random markdown, spend 20 minutes tweaking it, and it still looks mediocre.</p> <p>So I built a tool to fix that.</p> <h2> 🔗 <a href="https://readme-generator-xi-one.vercel.app" rel="noopener noreferrer">README Generator</a> </h2> <p>It's a free, open-source tool that lets you build a professional README.md in minutes — with a live preview.</p> <h2> How it works </h2> <ol> <li> <strong>Toggle sections</strong> you need (Title, Badges, Features, Installation, API, etc.)</li> <li> <strong>Fill in your details</strong> using simple form fields</li> <li> <strong>See the live preview</strong> update in real-time</li> <li> <strong>Copy the markdown</strong> or download as <code>.md</code> file</li> </ol> <p>That's it. No sign-up. No email required. No "premium tier".</p> <h2> Why I built it </h2> <p>I was tired of:</p> <ul> <li>Googling "readme template github" for the 100th time</li> <li>Copy-pasting from old projects and forgetting to update things</li> <li>Spending more time on the README than on actual code</li> </ul> <p>So I made a visual builder where you just fill in the blanks.</p> <h2> Tech stack </h2> <p>The entire app is a <strong>single HTML file</strong>. No React, no Next.js, no npm install. Just:</p> <ul> <li>Vanilla HTML/CSS/JS</li> <li> <a href="https://github.com/markedjs/marked" rel="noopener noreferrer">marked.js</a> for markdown rendering</li> <li>Deployed on Vercel (free tier)</li> </ul> <h2> Features </h2> <ul> <li>✅ 12 toggleable sections (Title, Badges, Description, Features, Tech Stack, Installation, Usage, Env Variables, API Reference, Contributing, License, Author)</li> <li>✅ Live markdown preview</li> <li>✅ Copy to clipboard with one click</li> <li>✅ Download as .md file</li> <li>✅ Dark mode UI</li> <li>✅ Fully responsive</li> <li>✅ Works offline after first load</li> </ul> <h2> It's open source </h2> <p>The full source code is on GitHub:</p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/trobasuj-cpu" rel="noopener noreferrer"> trobasuj-cpu </a> / <a href="https://github.com/trobasuj-cpu/readme-generator" rel="noopener noreferrer"> readme-generator </a> </h2> <h3> </h3> </div> </div> <p>Feel free to fork it, improve it, or steal ideas from it. PRs welcome!</p> <h2> What's next </h2> <p>I'm thinking about adding:</p> <ul> <li>Drag &amp; drop to reorder sections</li> <li>More badge presets (npm version, downloads, coverage)</li> <li>Template presets (library, CLI tool, web app)</li> <li>Export as PDF</li> </ul> <p><strong>What features would you add?</strong> Drop a comment below 👇</p> <p>🔗 <strong>Try it:</strong> <a href="https://readme-generator-xi-one.vercel.app" rel="noopener noreferrer">readme-generator-xi-one.vercel.app</a><br> ⭐ <strong>Star it:</strong> <a href="https://github.com/trobasuj-cpu/readme-generator" rel="noopener noreferrer">github.com/trobasuj-cpu/readme-generator</a></p> webdev opensource github productivity