📣 Dev Utilities Sandbox is Open for Contributions

[shamilahmdt]

📣 Dev Utilities Sandbox is Open for Contributions

Hey everyone! 👋

I'm excited to announce that the Dev Utilities Sandbox is now officially open for community contributions.

This project is a collection of lightweight, offline developer tools built with React + Tailwind CSS, and we're looking to expand it with more useful utilities for developers.

💡 What Can You Contribute?

You can contribute any useful developer utility that works client-side and fits the existing design system.

Some example ideas:

• UUID / GUID Generator

• JWT Decoder

• Hash Generator (MD5, SHA-256, SHA-512, etc.)

• HTML Entity Encoder / Decoder

• Color Converter & Picker

• Markdown Live Previewer

• Text Case Converter

• Timestamp Converter

• Or any other developer utility you think would be valuable 🚀

The listed tools are only suggestions — contributors are free to propose and build their own ideas too.

🚀 Contribute Your Way

There are two ways you can contribute:

1️⃣ Build & Open a Pull Request Directly

If you already know what you want to build:

1. Fork the repository

2. Create your tool inside src/pages/DevUtilities/devutilities/

3. Register it in DevUtilities.jsx and App.jsx

4. Test it locally

5. Open a Pull Request

No need to wait for approval before getting started.

2️⃣ Create an Issue First (Optional)

If you'd like to discuss your idea before building it:

1. Create a GitHub Issue describing the utility you'd like to add

2. Get feedback from maintainers and the community

3. Build the feature and submit a Pull Request

4. Link your PR to the issue you created

Both approaches are completely welcome 🙌

⭐ Before You Start

If you enjoy the project and would like to contribute:

• ⭐ Star the repository

• 🍴 Fork it and start building

• 🤝 Share it with friends who are looking for beginner-friendly open-source projects

Every star helps the project reach more developers and contributors.

🎯 A Few Guidelines

To keep the Dev Utilities Sandbox consistent and useful:

• Tools should work completely client-side whenever possible.

• Follow the existing monochrome design system and support both light/dark themes.

• Keep the UI responsive and easy to use.

• Write clean, maintainable React code.

Existing tools like JSON Formatter and Regex Tester are great references for structure and styling.

🙌 Let's Build Something Useful

I'm looking forward to seeing new tool ideas, first-time contributions, and improvements from the community.

Whether you're contributing your first open-source PR or adding a polished new utility, your contribution is welcome here. 🚀