Back to Home

Contributing

Help us build the best free developer toolkit. Every contribution matters!

Welcome Contributors!

DevTools Hub is an open-source project built by developers, for developers. Whether you're fixing bugs, adding new tools, improving documentation, or suggesting features — your contributions are valuable and appreciated.

Quick Start

1

Fork the Repository

Click the Fork button on GitHub to create your own copy.

2

Clone Your Fork

git clone https://github.com/zytherdev/devtools-hub.git

3

Create a Branch

git checkout -b feature/amazing-tool

4

Make Your Changes

Add your tool, fix a bug, or improve the docs.

5

Open a Pull Request

Submit your PR with a clear description of your changes.

What You Can Contribute

New Tools

Add a new developer tool to our collection

Bug Fixes

Find and fix issues in existing tools

Documentation

Improve README, guides, and code comments

UI/UX Improvements

Enhance the user experience and design

Performance

Optimize speed and efficiency

Feature Ideas

Suggest new features or improvements

Adding a New Tool

Here's how to add a new tool to DevTools Hub:

1. Add to tools.ts


{
    id: 'your-tool',
    name: 'Your Tool Name',
    description: 'Brief description of what your tool does.',
    icon: 'fa-solid fa-icon',
    color: '#your-color',
    badge: 'New',
    href: '/your-tool'
}

2. Create the Tool Page

'use client'
import { useState } from 'react'
import { ToolPanel } from '@/app/components/ToolPanel'

export default function YourTool() {
    // Your tool implementation
}

3. Add Utility Functions

Create a file in app/lib/tools/your-tool-category/your-tool.ts

Code Guidelines

  • TypeScript: Use TypeScript for all new code
  • TailwindCSS: Use Tailwind for styling
  • Responsive: Ensure mobile-friendly design
  • Components: Reuse existing components
  • Comments: Add clear comments for complex logic

Pull Request Checklist

  • ☐ Clear description of changes
  • ☐ Tested in multiple browsers
  • ☐ Mobile responsive
  • ☐ Dark/light theme compatible
  • ☐ No console errors or warnings
  • ☐ Updated documentation if needed

Questions?

Have questions or need help getting started? Reach out to us at contributing@devtools.zyther.dev or open an issue on GitHub.