Prettier Config Generator

How It Works

Choose a preset or configure each option individually. Toggle booleans, select enum values from dropdowns, and set numeric options for printWidth and tabWidth. Add file-specific overrides to apply different formatting rules to particular glob patterns. Export your config as JSON, YAML, or a JavaScript module — then drop the file at the root of your project.

Features

• 6 presets: Default (Prettier defaults), Airbnb-style (singleQuote, trailing commas), StandardJS (no semi, no trailing commas), Compact (120-wide, tabs), TypeScript Strict (singleQuote + singleAttributePerLine), Minimal (only non-default values)
• All Prettier options: printWidth, tabWidth, useTabs, semi, singleQuote, quoteProps, jsxSingleQuote, trailingComma, bracketSpacing, bracketSameLine, arrowParens, proseWrap, htmlWhitespaceSensitivity, endOfLine, singleAttributePerLine, experimentalTernaries
• 3 output formats: JSON (.prettierrc), YAML (.prettierrc.yaml), JavaScript (prettier.config.js)
• File overrides: add per-glob overrides with their own partial option sets
• Import & parse: paste an existing .prettierrc JSON to load it into the builder
• Real-time validation: catches invalid numeric values and empty override patterns
• Copy output: one-click copy of the generated config
• Private: runs entirely in the browser — no data transmitted

Use Cases

• Bootstrapping a Prettier config for a new JavaScript or TypeScript project
• Aligning your team’s formatter settings with a shared style guide (Airbnb, Standard, etc.)
• Adding Markdown or JSON overrides without memorising the overrides schema
• Converting between .prettierrc JSON and prettier.config.js ESM format
• Auditing an existing config against Prettier defaults to spot non-default values