Skip to main content

Prettier Config Gen

v1.0.0

Generate .prettierrc with opinionated presets and customizable options

Generates a .prettierrc configuration file interactively — pick a preset or fine-tune every formatting option, then copy the resulting JSON into your project root.

How to use
  • →Start with a preset (Standard, Compact, or Airbnb-ish) and adjust individual options from there.
  • →Enable the Tailwind CSS plugin if your project uses utility classes — it auto-sorts className strings.
  • →Pair your .prettierrc with eslint-config-prettier to avoid rule conflicts between ESLint and Prettier.

Save the output as .prettierrc in your project root. Prettier reads this file automatically when formatting. Everything runs client-side — no data is sent to any server.

{
  "printWidth": 80,
  "tabWidth": 2,
  "semi": true,
  "singleQuote": false,
  "trailingComma": "all",
  "bracketSpacing": true,
  "arrowParens": "always",
  "endOfLine": "lf"
}