A collection of free, open-source developer utilities.
Each tool is a standalone project -- contribute one in a single PR.

About

DevToolkit is a web-based collection of developer utilities built with pure HTML, CSS, and JavaScript. No frameworks, no build tools, no dependencies -- just open index.html and start using the tools.

Why contribute here?

• Each tool is a standalone project in its own folder
• You can build and submit a complete tool in a single pull request
• Perfect for beginners learning HTML/CSS/JS
• Your tool gets showcased on the homepage with your name
• Ideal for Hacktoberfest contributions

Tools

Tool	Status	Description
JSON Formatter	Ready	Format, validate, and minify JSON
Base64 Encoder/Decoder	Needs contributor	Encode and decode Base64 strings
Color Palette Generator	Needs contributor	Generate harmonious color palettes
Password Generator	Needs contributor	Create secure passwords
Markdown Previewer	Needs contributor	Live markdown preview
Regex Tester	Needs contributor	Test regex with real-time matching
CSS Gradient Generator	Needs contributor	Visual CSS gradient builder
Unit Converter	Needs contributor	px, rem, em, vh conversions
Lorem Ipsum Generator	Needs contributor	Placeholder text generator
QR Code Generator	Needs contributor	Generate QR codes from text

Want to add a tool not on this list? Open an issue or just submit a PR.

How to Contribute

Building a new tool

1. Fork this repository
2. Create a folder under tools/your-tool-name/
3. Build your tool with a single index.html file (CSS and JS can be inline or separate files)
4. Add a link to index.html in the root homepage
5. Submit a PR

Tool requirements

• Must be a standalone HTML/CSS/JS project
• No external frameworks or build tools required
• Must work by opening the HTML file directly in a browser
• Should follow the existing visual style (see JSON Formatter as reference)
• Include a back link to the homepage

Folder structure

tools/
  your-tool-name/
    index.html      # Main tool page (required)
    style.css       # Optional separate stylesheet
    script.js       # Optional separate script
    README.md       # Brief description of the tool

Running Locally

git clone https://github.com/Jaidevstudio/DevToolkit.git
cd DevToolkit
open index.html
# or use a local server:
python3 -m http.server 8000

_{Part of the Jaidevstudio open-source community}