ToolHarbor

About ToolHarbor

ToolHarbor 66 browser-based developer tools across 9 categories. Every tool is free, runs locally, and requires no sign-up.

Built by Francisco Pérez Muñoz, a developer based in Spain. This project started as a way to build the tools I actually needed while working — and to have a real, production-quality codebase to showcase how I approach software engineering.

Design principles

Client-side first

Every tool runs in your browser. Your data never leaves your machine — there is no backend processing, no API calls, no telemetry.

No barriers

No accounts, no login walls, no usage limits. Open a tool and start working. Developer tools should not require a sign-up flow.

Open source

The entire codebase is public. You can inspect how every tool works, report issues, or contribute improvements.

Fast and focused

Static site generation, minimal JavaScript, no heavy frameworks. Pages load fast and tools respond instantly.

Built with

Next.jsApp Router with static generation
TypeScriptStrict mode, end to end
Tailwind CSSUtility-first styling
VercelHosting and edge delivery

Architecture

The project follows a registry-driven architecture. A single tool registry automatically propagates each tool to the index page, sitemap, homepage, and related-tool suggestions.

Every tool follows the same three-file pattern: a server component for metadata, a client component for interactivity, and a content module for SEO text. Tool logic lives in pure functions with no React dependencies — separated from the UI and independently testable.

The site is fully statically generated at build time. No server-side runtime, no database, no API routes.

Open source

The full source code is available on GitHub. Contributions, issues, and feedback are welcome.

View on GitHub

Contact

Have feedback, found a bug, or want to suggest a tool? Open an issue on GitHub or reach out at toolharbordev@gmail.com.