Prettier Config Generator
Build your Prettier configuration visually. Customize formatting options, preview results in real-time, and export to your preferred format.
Quick Presets
Default
Standard Prettier defaults
Airbnb Style
Popular JS style guide
Standard
No semicolons style
Google Style
Google's JS style
Compact
Minimal line width
Options
Print Width & Indentation
Use Tabs
Indent with tabs instead of spaces
Strings & Quotes
Single Quotes
Use single quotes instead of double
JSX Single Quotes
Use single quotes in JSX
Semicolons & Commas
Semicolons
Print semicolons at end of statements
Brackets & Spacing
Bracket Spacing
Spaces between brackets in objects
Bracket Same Line
Put > of multi-line element on same line
Arrow Functions
HTML & Markdown
Single Attribute Per Line
Put each HTML attribute on its own line
Misc
Preview & Output
Generated Config
Privacy First
All configuration is generated locally in your browser. Nothing is sent to any server.
Prettier Config Generator
Our Prettier configuration generator helps you create .prettierrc files visually.
Customize formatting options, see live previews, and export in JSON, JavaScript, or YAML format.
What is Prettier?
Prettier is an opinionated code formatter that supports many languages including JavaScript, TypeScript, CSS, HTML, JSON, and more. It enforces a consistent code style by parsing your code and re-printing it with its own rules.
Key Options
- Print Width - Line length that Prettier will try to stay under (default: 80)
- Tab Width - Number of spaces per indentation level (default: 2)
- Single Quotes - Use single quotes instead of double quotes
- Semicolons - Print semicolons at the end of statements
- Trailing Commas - Add trailing commas where valid in ES5+
- Bracket Spacing - Print spaces between brackets in objects
Configuration Files
.prettierrcor.prettierrc.json- JSON format.prettierrc.js- JavaScript module format.prettierrc.yaml- YAML formatprettier.config.js- JavaScript config