Utility Toolkit Overview
Jump into the most popular browser-side utilities for PDFs, QR codes, passwords, image work, and everyday text tasks.
Interactive workspace
No account required100% free, runs in your browser, and requires no signup. Text and keys entered in local tools stay on your device; network and device tools explain their separate service or permission requirements.
Featured tools
Popular tools
Find a tool (Ctrl/⌘ K)
Text · 5
Developer · 16
Format, minify, and validate JSON
Test regular expressions against text
Encode or decode text and files
Create MD5, SHA-1, SHA-256, and SHA-512 checksums
Encode or decode URLs and query components
Inspect token headers and claims
Convert Unix epoch timestamps to dates and back
Convert YAML into formatted JSON
Convert common cURL requests to Python, JavaScript, and PHP
Sign JSON claims with HMAC, RSA, or ECDSA keys
Inspect API operations from JSON or YAML
Generate ignore files for common project stacks
Compare the weight of common CSS selectors
Render a code snippet to a downloadable PNG
Draft a README for a project
Create an SPDX license notice
Media · 5
PDF · 4
Generators · 5
Generate strong passwords locally
Generate UUIDs in bulk with casing and hyphen options
Create and print an itemized invoice
Copy CSS and share gradient settings
Export icon files from an image
Calculators · 4
Developer tools: convert, inspect, generate
These extra tools run in your browser. JWT signing keys and source text stay in this tab; treat generated tokens as credentials and never publish secrets.
- New
cURL converter: Translate cURL requests into Python, JavaScript (fetch and axios), Node.js, PHP, Go, and Ruby, including auth, cookies, forms, and multipart uploads.
- New
JWT signer: Sign JSON claims with HMAC, RSA, or ECDSA PKCS#8 keys.
- New
OpenAPI viewer: Inspect operations from JSON, YAML, OpenAPI, or Swagger files.
- New
.gitignore generator: Build a combined .gitignore from 50+ searchable templates — languages, frameworks, IDEs, operating systems, and tools — with duplicate patterns removed, plus your own custom rules.
- New
CSS specificity calculator: Compare common ID, class, attribute, pseudo-class, and element selectors.
- New
Code screenshot generator: Syntax-highlighted code images in 8 themes and 20+ languages, exported as PNG, JPEG, WebP, or SVG at up to 3x resolution.
- New
README + license generator: Draft a README and SPDX license notice for a project.
- New
Fake data generator: Generate names, emails, addresses, phone numbers, companies, and valid-format IBANs as JSON, CSV, or SQL.
- New
JSON diff: Compare two JSON documents and list added, removed, and changed values by path.
cURL to code converter
import requests
response = requests.post("https://api.example.com/items", headers={"Content-Type":"application/json"}, json={
"name": "sample"
})
print(response.status_code, response.text)JWT signer (HS256, HS384, HS512, RS256, RS384, RS512, PS256, ES256)
Signing happens live as you edit, entirely in this tab; keys are never uploaded. Signing does not validate token claims, issuer, audience, or authorization policy. Avoid production secrets in shared devices.
OpenAPI / Swagger viewer
This viewer is read-only: it never calls the API. Use the copyable cURL in each operation to try a request yourself.
.gitignore generator
Pick every stack your project uses — the templates merge into one file and any pattern that appears twice is only written once.
# Node node_modules/ .npm/ .eslintcache logs/ *.log npm-debug.log* yarn-debug.log* yarn-error.log* .env .env.* !.env.example dist/ coverage/ .DS_Store
Pattern syntax and troubleshooting
| Pattern | What it does |
|---|---|
| *.log | Matches every file ending in .log, in any directory |
| folder/ | Matches a directory named folder and everything inside it |
| /root-only.txt | A leading / anchors the pattern to the folder containing the .gitignore file |
| **/temp | ** crosses any number of directories, so this matches a temp file or folder at any depth |
| !keep.log | A leading ! re-includes a file an earlier pattern ignored (its parent directory must not be ignored) |
| # comment | Lines starting with # are comments; blank lines are ignored |
Already committed the file? .gitignore only affects files Git is not tracking yet. To stop tracking a file without deleting it, run git rm --cached <file> and commit the removal; the ignore rule then applies.
One ignore file for every project: put personal rules (your editor, your OS) in a global excludes file instead of each project: git config --global core.excludesFile ~/.gitignore_global, then build that file here from the Operating Systems and IDEs & Editors templates.
CSS specificity calculator
Specificity (IDs, classes/attributes/pseudo-classes, elements): 1, 2, 3
The inline column is always 0 for a stylesheet selector: a style="" attribute counts as 1, 0, 0, 0 and beats every selector here — only an !important declaration overrides it. This calculator implements the Selectors Level 4 rules: :where() and its arguments add nothing, and :is(), :not(), and :has() take the specificity of their most specific argument.
Breakdown
Examples
| Selector | Inline, IDs, Classes, Elements | Result |
|---|---|---|
| #nav .item a | 0, 1, 1, 1 | Wins |
| .item a | 0, 0, 1, 1 | |
| ul li a | 0, 0, 0, 3 |
Reference
| Selector kind | Counts as | Example score |
|---|---|---|
| Universal * and combinators (>, +, ~, space) | Nothing | 0, 0, 0 |
| Element / pseudo-element | Elements +1 | li → 0, 0, 1 · p::first-line → 0, 0, 2 |
| Class / attribute / pseudo-class | Classes +1 | .btn → 0, 1, 0 · a:hover → 0, 1, 1 |
| ID | IDs +1 | #nav → 1, 0, 0 |
| :where(...) | Nothing, arguments included | :where(#nav) → 0, 0, 0 |
| :is() / :not() / :has(...) | Most specific argument | :is(h1, #title) → 1, 0, 0 |
| Inline style attribute | Inline +1 | style="color:red" → 1, 0, 0, 0 |
How the cascade uses this: the declaration with the highest specificity wins. On a tie, the later rule in source order wins. An !important declaration beats all normal declarations regardless of specificity, and inline styles beat stylesheet selectors unless the stylesheet declaration is !important.
Code screenshot generator
function greet(name) {return `Hello, ${name}!`;}
Everything renders locally in your browser — your code is never uploaded.
Fake data generator
All values are invented locally for testing and seed data. Phone numbers use the fictional 555-01xx range and IBANs carry valid check digits but belong to no real account; never use generated data as real customer data.
JSON diff
For a plain-text comparison, use the linked Text diff tool in the directory above.
README and license notice generator
Minimal keeps install, usage, and licence; Standard adds a table of contents, features, tech stack, and contributing; Detailed enables every section.
Importing fills the project name, prefills the clone command, and tries to fetch the description and top language from the GitHub API.
README.md
Rendered preview
my-project
A short description of what this project does.
Table of Contents
Features
- Fast and dependency-light
- Runs entirely in the browser
- Easy to extend
Built With
- TypeScript
- React
- Next.js
Installation
# Install dependencies
npm install
# Run the project
npm run devUsage
Describe how to use my-project.
Contributing
Contributions are welcome. Open an issue to discuss larger changes, then fork the repository and submit a pull request.
License
Distributed under the MIT License. See the full text at https://spdx.org/licenses/MIT.html (SPDX identifier: MIT).
The most popular permissive licence: use, copy, modify and distribute freely, including commercially, as long as the copyright and licence notice stay in place. Use, modify, distribute, sublicense and sell; only condition is keeping the notice.
LICENSE (full official text)
SPDX notice (short form)
The short notice is handy for file headers; the LICENSE file above is the complete official text to ship with your project.
Package manifest snippet
"license": "MIT"
README badge
Which license should I choose?
- Choose MIT — anyone can use your code, including in closed-source and commercial products.
- Choose Apache-2.0 — as permissive as MIT, plus a patent licence from every contributor.
- Choose GPL-3.0 — derivative works must be distributed with source under the same licence.
- Choose AGPL-3.0 — network users must also be offered the source code.
- Consider LGPL-3.0 or MPL-2.0 — apps can link under other licences while changes to your code stay open.
- Choose the Unlicense or CC0-1.0 — a public-domain dedication.
Important: publishing code with no licence at all does NOT make it free to use — copyright defaults to all rights reserved, so nobody may legally copy, modify or redistribute it. Pick a licence, even a permissive one.
All supported licenses
Permissive
- MIT License: The most popular permissive licence: use, copy, modify and distribute freely, including commercially, as long as the copyright and licence notice stay in place.
- Apache License 2.0: Permissive like MIT, plus an express patent grant from contributors, a trademark exclusion, and a requirement to state significant changes.
- BSD 3-Clause License: Redistribution in source or binary form with the notice and disclaimer; the author's name cannot be used to endorse derived products.
- BSD 2-Clause License: The simplified BSD licence: keep the copyright notice and disclaimer on source and binary redistributions and you can do almost anything else.
- ISC License: Functionally equivalent to MIT and BSD-2-Clause with shorter, simplified wording; common in the npm and OpenBSD ecosystems.
Copyleft
- Mozilla Public License 2.0: Weak, file-level copyleft: changes to MPL-covered files must stay under MPL-2.0 and be shared as source, but the code can be combined into larger works under other licences.
- GNU General Public License v3.0 or later: Strong copyleft: derivative works distributed to others must include source code under GPL-3.0, keeping the software and its improvements free.
- GNU Affero General Public License v3.0 or later: GPL-3.0 plus a network clause: anyone who uses the software over a network (for example a SaaS service) must also be offered the source code.
- GNU Lesser General Public License v3.0 or later: Built for libraries: applications may link the library under other licences, while changes to the library itself must be shared back under LGPL-3.0.
Public domain
- The Unlicense: A public-domain dedication: anyone can copy, modify, publish, use, compile, sell or distribute for any purpose, with no conditions at all.
- CC0 1.0 Universal: A public-domain dedication with a fallback permissive licence for jurisdictions that do not recognise dedications; waives copyright as fully as the law allows.
Try a few tools here
Live word counter
10 words · 50 characters
Password generator
Open password generatorAre the tools free?
Yes. These browser tools are available without signup; individual tools describe their limits and supported formats.
Are there usage limits?
Limits depend on your browser, device memory, and each tool's documented input caps. Larger files may need more memory.
Are the tools private?
Most tool operations run locally, but device, network, and speech features can use browser services or make network requests. Read each tool's privacy notice before entering sensitive data.
Which tools help creators and developers?
Creators can start with image, QR, PDF, and writing tools. Developers can browse format converters, JSON, regex, network, and subnet tools.
How to use it
- Choose the card matching your file or text task.
- Read the destination tool's format and size requirements.
- Run the action there and inspect the copied or downloaded result.
Free browser tools for creators and developers
Explore text tools for counting and rewriting, developer utilities for JSON and regular expressions, media generators for QR codes and barcodes, browser-based PDF tools, and calculators for everyday estimates. No signup is required. Tool limits and supported exports are listed on each tool page.