The latest articles on DEV Community by Purnima Vats (@purnimavats). https://dev.to/purnimavats 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%2F1548317%2F83f11687-5fb4-49c4-8cad-fc049f663ca9.png https://dev.to/purnimavats en Purnima Vats Sat, 27 Jun 2026 05:58:48 +0000 https://dev.to/purnimavats/why-i-built-a-minimalist-ad-free-text-utility-tool-with-astro-cloudflare-pages-gnd https://dev.to/purnimavats/why-i-built-a-minimalist-ad-free-text-utility-tool-with-astro-cloudflare-pages-gnd <p>Hey everyone! 👋 </p> <p>I wanted to share a mini side project I’ve been working on recently called <strong>TangyTools</strong> (tangytools.com). </p> <p>We’ve all been there, you just need a quick piece of Unicode text for a project README, a technical mockup, a math note, or a social media bio, but the top Google search results are always bulky, clunky, ad-ridden sites that take ages to load. </p> <p>I wanted to build the exact opposite: something clean, minimalist, blazing fast, and completely distraction-free.</p> <h3> The Tech Stack 🛠️ </h3> <p>Since this is a client-side utility tool that runs entirely in the browser (no data leaves your device), I wanted the leanest architecture possible:</p> <ul> <li> <strong>Framework:</strong> Astro (I used Astro because it ships pure, static HTML by default and strips out heavy, unnecessary client-side JavaScript, making the loading speed instant).</li> <li> <strong>Styling:</strong> Tailwind CSS for a clean, Pinterest-inspired responsive layout.</li> <li> <strong>Hosting:</strong> Cloudflare Pages (Super secure, completely free for static frontend code, and serves pages straight from edge data centers closest to the user).</li> </ul> <h3> What's inside right now? </h3> <p>Right now, the suite has a few specialized text generators:</p> <ul> <li> <strong>Subscript Generator</strong> – Handy for chemistry formulas (like H₂O) or technical notations.</li> <li> <strong>Superscript Generator</strong> – Great for math exponents (x²), footnotes, and citations.</li> <li> <strong>Small Caps Generator</strong> – Transforms standard lowercase characters into clean, minimalist capital letters for aesthetic formatting and structural headers.</li> <li> <strong>Shakespeare Translator</strong> – A fun utility that translates modern text into classic 16th-century Elizabethan prose.</li> </ul> <h3> Next Steps &amp; Feedback </h3> <p>I’m planning to expand this into a much larger suite of essential text utilities. Since everything runs client-side, privacy is fully baked in with zero signups or tracking cookies.</p> <p>I would love to get your eyes on it! Check it out here: <a href="https://tangytools.com" rel="noopener noreferrer">TangyTools</a></p> <p>What features or utility scripts do you constantly find yourself needing during development that I should build next? Let me know your thoughts!</p> webdev showdev astro tailwindcss