Dev Tool · Free · Works Offline

Conventional Commit Builder

Build a Conventional Commits 1.0-compliant message visually. Pick the type, add the scope, mark breaking changes, write the body and footer. Live preview, live validation, one-click copy.

✓ 100% client-side ✓ No signup ✓ Conventional Commits 1.0

Builder

A new feature (minor bump)
A noun describing the section of the codebase. Keep it lowercase, short.
Short, imperative mood. No trailing period. 0/72 chars (recommended)
Separated from the description by a blank line. Used for context, motivation, contrast with previous behavior.
This is a breaking change
Adds ! after the type and a BREAKING CHANGE: footer
One per line. Token followed by : and a value. Common: Closes, Refs, Reviewed-by, Co-authored-by.

Preview

Click an example to load it

Real-world conventional commits across the most common scenarios. One click loads it into the builder.

What is a conventional commit?

The Conventional Commits specification is a lightweight convention for commit messages that adds machine-readable meaning. The full format is:

<type>[optional scope][!]: <description>

[optional body]

[optional footer(s)]

Why use it

The most common types

Description writing tips

Frequently Asked Questions

What is a conventional commit?+
A conventional commit is a commit message that follows the Conventional Commits 1.0 specification — a lightweight convention that adds human and machine readable meaning to commit messages. The format is: <type>[optional scope][!]: <description>, with optional body and footers.
Why use conventional commits?+
Conventional commits give you three concrete benefits: automated semver bumping (feat = minor, fix = patch, ! or BREAKING CHANGE = major), auto-generated changelogs via tools like semantic-release or changesets, and more readable git history that's filterable by intent.
How do I mark a breaking change?+
Two ways. Either add an exclamation mark after the type/scope (e.g., feat(api)!: drop support for Node 16), or add a BREAKING CHANGE: footer with a description of what broke. Both signals are recognized by semantic-release and similar tools. A breaking change bumps the major version in semver.
What's the difference between feat and fix?+
Feat introduces new functionality and bumps the minor version. Fix patches a bug in existing functionality and bumps the patch version. The rule of thumb: if it solves a reported defect, it's a fix; if it's new behavior users will benefit from, it's a feat.
Does this conventional commit builder work offline?+
Yes. The builder runs entirely in your browser using vanilla JavaScript. Once the page has loaded, you can disconnect and continue using it. No commit content is sent to any server.