Developer Resources

Curated tools and sites worth bookmarking. Each entry tells you what it does, why it is useful and how much it costs.

15 tools · 7 categories

Carbon

Create and share beautiful images of your source code.

Why use it

Industry standard for sharing code in blog posts, slides and social media. Zero setup, dozens of themes, supports any language — paste, style, export.

#code-sharing#screenshots

ProductivityFree

Ray.so

Create polished code images with gradients and editor window styling.

Why use it

Built by the Vercel team, produces editorial-level visuals. A great Carbon alternative when you want more visual impact for posts and presentations.

#code-sharing#screenshots

ProductivityFree

Transform Tools

Polyglot format converter: JSON to TypeScript, SQL to Prisma, SVG to JSX, YAML to JSON, and 30+ more.

Why use it

One tab that replaces hours of manual schema, type, and config rewriting. Open source and runs entirely in the browser — no install, no account.

#converter#codegen

ProductivityFreemium

Wappalyzer

Detect the technologies behind any website — frameworks, CDNs, analytics, CMS, and more.

Why use it

Instantly reveal a competitor's or reference site's full stack without reading their source code. Browser extension adds a one-click overlay to any page.

#tech-detection#research

ProductivityOpen Source

JSON Crack

Visualize JSON, YAML, CSV, and XML as interactive graphs.

Why use it

Makes large nested API payloads and data structures readable at a glance. Paste any raw JSON and instantly get a navigable graph — no install required.

#json#visualization

ProductivityFree

explainshell

Paste any shell command and get each flag and argument explained from the man page.

Why use it

Indispensable for understanding commands copied from Stack Overflow or docs without hunting through multiple man pages. Works with complex piped commands too.

#shell#cli

DesignFree

Excalidraw

Virtual whiteboard for sketching hand-drawn-like diagrams.

Why use it

Zero setup, runs in the browser, exports SVG/PNG. The de facto standard for sketching architectures, flows and ERDs in calls and docs.

#diagrams#whiteboard

DatabaseFreemium

dbdiagram.io

Design database schemas using a simple DSL — write code, see the diagram in real time.

Why use it

Fastest way to draw an ERD and share it with the team. Exports directly to SQL (PostgreSQL, MySQL, and more) straight from the diagram.

#erd#schema

DatabaseFreemium

Upstash

Serverless Redis and Kafka with per-request billing — no server to manage.

Why use it

The fastest way to add caching, rate limiting, or a queue to any cloud project. Generous free tier and SDKs for all major languages and runtimes.

#redis#kafka

APIOpen Source

Hoppscotch

Lightweight API ecosystem that runs in the browser — REST, GraphQL, WebSocket, SSE.

Why use it

Postman alternative with no installation, real-time collaboration and self-hostable. Ideal when Bruno is not an option, like on someone else's machine.

#rest#graphql

APIOpen Source

Bruno

Git-friendly API client that stores collections as plain local files.

Why use it

Postman alternative with no mandatory account or forced cloud sync. Collections live alongside your code as plain files, fully versionable and shareable via Git.

#rest#graphql

DevOpsOpen Source

Coolify

Self-hosted open-source PaaS — deploy apps, databases and services on your own VPS.

Why use it

Heroku/Vercel/Netlify alternative that runs on your own infrastructure. Visual UI for Docker and Nixpacks deployments, with one-click templates for dozens of services.

#self-hosted#deploy

TestingOpen Source

k6

Load testing tool with JavaScript scripts and native CI/CD integration.

Why use it

Simulate hundreds of concurrent users with code, not a GUI. Integrates with Grafana for result visualization and runs in any pipeline without friction.

#load-testing#performance

TestingFree

Playwright

End-to-end testing framework by Microsoft supporting Chromium, Firefox, and WebKit.

Why use it

Modern API with built-in auto-wait (no sleeps), code generation by recording, and visual debug mode. The current standard for integration testing in web applications.

#e2e#automation

SecurityOpen Source

CyberChef

Swiss army knife for encoding, decoding, hashing and data analysis in the browser.

Why use it

Chain operations like Base64, AES, SHA, JWT decode, XOR and hundreds more without sending data to a server. Made by GCHQ, runs fully offline.

#encoding#hashing

Inspired by yurimutti/recursos-frontend