The latest articles on Forem by Fatih Kürekçi (@fatihkrkci). https://forem.com/fatihkrkci 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%2F3240025%2F71372ac2-740a-4fde-884d-0cbdb8ba146b.jpg https://forem.com/fatihkrkci en Fatih Kürekçi Mon, 02 Jun 2025 19:50:31 +0000 https://forem.com/fatihkrkci/i-built-4-free-frontend-tools-for-developers-box-shadow-meta-preview-more-4f08 https://forem.com/fatihkrkci/i-built-4-free-frontend-tools-for-developers-box-shadow-meta-preview-more-4f08 <h1> 🚀 I Built 4 Simple Frontend Tools to Speed Up Your Workflow (Open Source) </h1> <p>Hi devs! 👋</p> <p>Over the past few days, I created a small collection of frontend-focused tools designed to solve everyday problems quickly. They're all open source, free to use, and beginner-friendly.</p> <p>🧰 Tools included:</p> <ul> <li>🎯 <a href="https://fatihkrkci.github.io/frontend-toolkit/box-shadow/" rel="noopener noreferrer">Box Shadow Generator</a> </li> <li>🌀 <a href="https://fatihkrkci.github.io/frontend-toolkit/border-radius/" rel="noopener noreferrer">Border Radius Generator</a> </li> <li>🔤 <a href="https://fatihkrkci.github.io/frontend-toolkit/text-case/" rel="noopener noreferrer">Text Case Converter</a> </li> <li>🔍 <a href="https://fatihkrkci.github.io/frontend-toolkit/meta-preview/" rel="noopener noreferrer">Meta Tag Preview Tool</a> </li> </ul> <h3> 💡 Why I Built This? </h3> <p>As a frontend developer, I often found myself Googling “CSS border radius generator” or rewriting simple meta tags for social previews. So I thought: <em>why not build my own toolkit, design it cleanly, and make it publicly available?</em></p> <h3> ✨ Features </h3> <ul> <li>No login, no ads, no clutter.</li> <li>Simple UI, mobile responsive.</li> <li>Open Source on GitHub.</li> <li>Each tool includes a copy-to-clipboard feature.</li> </ul> <h3> 💙 Support </h3> <p>If you find the toolkit helpful, you can support me here:<br><br> ☕ <a href="https://www.buymeacoffee.com/fatihkrkci" rel="noopener noreferrer">Buy me a coffee</a></p> <p>🔁 Feedback, feature ideas, and pull requests are welcome!</p> <p>👉 Check it out:<br><br> <strong><a href="https://fatihkrkci.github.io/frontend-toolkit/" rel="noopener noreferrer">Frontend Toolkit</a></strong></p> <p>Thanks for reading!</p> <p>—<br> <em>Fatih Kürekçi</em></p> frontend css tooling opensource