Loading repository data…
Loading repository data…
betterbugs / repository
A comprehensive suite of 180+ free developer utility tools.
BetterBugs is designed to simplify how bugs are captured, shared, and fixed by giving developers real execution context instead of assumptions. We focus on making debugging faster, clearer, and closer to reality by capturing what actually happened in the user environment and delivering it directly to developers and AI tools in realtime.
With BetterBugs, debugging stops being guesswork and becomes a shared, reliable source of truth.
Key Features:
This repository contains our free, open-source development utilities—a comprehensive collection of 175+ tools designed to accelerate your development workflow. From text conversion and code formatting to data transformation and validation, our tools eliminate repetitive tasks and help you focus on what matters—building great software.
Built with modern technologies and designed for developers, by developers.
We believe in providing developers with the best tools, regardless of their budget. These utilities are complementary to BetterBugs and help developers in their day-to-day work. By open sourcing them, we contribute to the developer community and welcome improvements from contributors worldwide.
Developers today work with fragmented tooling across multiple platforms:
This leads to lost time and frustration when you just need to convert a format or validate some data.
BetterBugs Development Tools solves this by providing:
Browse all available tools at BetterBugs Development Tools.
Clone the repository
git clone https://github.com/betterbugs/dev-tools.git
cd dev-tools
Install dependencies
npm install
Run the development server
npm run dev
Open your browser Navigate to http://localhost:3000
npm run build
npm start
dev-tools/
├── app/
│ ├── [slug]/ # Dynamic routes for individual tools
│ ├── components/ # React components
│ │ ├── developmentToolsComponent/ # Tool-specific components
│ │ ├── layout/ # Header, Footer, Layout
│ │ ├── ui/ # Reusable UI components
│ │ └── theme/ # Theme and icons
│ ├── contexts/ # React contexts
│ ├── libs/ # Utilities and constants
│ ├── styles/ # Global styles and SCSS
│ └── page.tsx # Homepage
├── public/ # Static assets
├── .github/
│ ├── workflows/ # GitHub Actions
│ └── ISSUE_TEMPLATE/ # Issue templates
├── .releaserc.json # Semantic Release config
├── CONTRIBUTING.md # Contribution guidelines
├── SECURITY.md # Security policy
└── package.json # Dependencies and scripts
app/components/developmentToolsComponent/YourToolName.tsxapp/libs/developmentToolsConstant.tsxapp/libs/constants.tsxExample:
"use client";
import React, { useState } from "react";
const MyNewTool = () => {
const [input, setInput] = useState("");
return (
<div>
<input
value={input}
onChange={(e) => setInput(e.target.value)}
/>
{/* Your tool logic */}
</div>
);
};
export default MyNewTool;
We welcome contributions! Please read our Contributing Guide to get started.
Key points:
develop branch for feature PRsWe're committed to providing a welcoming and inclusive environment. Please read and follow our Code of Conduct.
Found a security vulnerability? Please email us at dev@betterbugs.io instead of using the issue tracker. See our Security Policy for details.
Found a bug? Open an issue on GitHub Issues with:
See our Bug Report Template.
Have ideas for new tools or features? Submit a feature request.
We're grateful to all contributors making BetterBugs Development Tools better!
This project is licensed under the MIT License - see the LICENSE file for details. Free for personal and commercial use.
Built with the following amazing technologies:
Made with ❤️ by the BetterBugs team. Open source and always free