Conventional Commit Message Builder
Fill in a commit type, optional scope, description, body, and footers to produce a valid Conventional Commits 1.0.0 message. Mark a breaking change to add the `!` indicator and a `BREAKING CHANGE:` footer. Everything runs locally in your browser — nothing is uploaded.
How to use
- Pick a commit type (feat, fix, …) and an optional scope.
- Write a short description, and add a body or footers if needed.
- Toggle breaking change when applicable, then copy the generated message.
Frequently asked questions
- What format does it follow?
- The Conventional Commits 1.0.0 spec: type(scope)!: description, followed by an optional body and footers separated by blank lines.
- How is a breaking change marked?
- Enabling breaking change adds a ! after the type/scope and, if you provide a description, a BREAKING CHANGE: footer.
- What goes in footers?
- Metadata like issue references — for example Closes #123 or Reviewed-by: Name. Put one footer per line.
- Is my input sent anywhere?
- No. The message is assembled entirely in your browser; nothing is uploaded.
Related tools
.gitignore Generator
Tick the languages, frameworks, editors, and operating systems you use — get one combined `.gitignore` ready to drop into a fresh repo.
HMAC Generator (SHA-1 / 256 / 384 / 512)
Compute HMAC signatures with Web Crypto — sign webhook payloads, verify API requests, hex or base64 output.
JSON to Protobuf Schema Converter (proto3)
Turn a JSON object into a proto3 .proto schema with typed fields and nested messages, in your browser.
Semver Tools (Parser, Comparator, Bumper)
Parse, compare, and bump semantic versions side-by-side, with a range expander that shows what ^x.y.z and ~x.y.z actually cover.
Cron Expression Builder
Build a cron expression by clicking — hourly, daily, weekly, monthly, or fully custom — pairs with the Cron Explainer.
CSS Animation Generator
Build a CSS animation visually — pick a preset, tweak duration/easing/iteration, see the preview, and copy the generated keyframes.