Prettier Config Generator

Prettier is an opinionated code formatter that supports JavaScript, TypeScript, CSS, HTML, JSON, YAML, Markdown, and many more languages. Instead of memorizing configuration options or editing the file manually, use this generator to create your .prettierrc file visually.

This tool generates valid Prettier configuration in multiple formats (JSON, YAML, JavaScript, TOML). Every option updates in real time so you can see exactly what your config will look like before saving it to your project. The generated config uses standard Prettier option names and follows the official Prettier documentation.

1. Select Output Format — Choose your preferred config format: JSON, YAML, JavaScript, or TOML.
2. Adjust Options — Customize print width, tab width, semicolons, quotes, trailing commas, and other Prettier options using the form controls.
3. Preview in Real Time — The generated configuration updates instantly as you change any option.
4. Test Examples — Click "Standard Config" or "Compact Config" to load predefined presets and see how different settings affect the output.
5. Copy or Download — Use the copy button to copy to clipboard, or click download to save the file. Place it in your project root as .prettierrc, .prettierrc.yaml, .prettierrc.js, or .prettierrc.toml.