'/%3e%3cstop%20offset='0.233154'%20stop-color='rgb(85,147,168)'/%3e%3cstop%20offset='0.498779'%20stop-color='rgb(118,110,188)'/%3e%3cstop%20offset='0.518311'%20stop-color='rgb(118,110,188)'/%3e%3cstop%20offset='0.725342'%20stop-color='rgb(131,96,195)'/%3e%3cstop%20offset='0.967529'%20stop-color='rgb(131,96,195)'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20class='layer'%3e%3ctitle%3eLayer%201%3c/title%3e%3cpath%20d='m520.458,138.713l0.288,275.873l248.183,-0.838l0.543,27.988l-98.983,-1.381l248.653,330.632l161.038,62.849c204.77,13.341%20404.52,55.824%20538.4,121.249c-129.16,91.845%20-346.96,107.975%20-517.21,134.385c-137.754,54.25%20-277.893,79.88%20-418.547,99.34l176.161,26.49l-187.485,265.27l106.536,1.16l-0.396,24.38l-257.69,-0.35l0.224,277.2l1226.507,-666.91l-0.21,-310.195l-1226.012,-667.142z'%20fill='%23181c32'%20id='svg_1'%20stroke='%23bf0000'%20stroke-linejoin='bevel'%20transform='matrix(1%200%200%201%200%200)'/%3e%3cg%20id='svg_2'%20transform='matrix(1,0,0,1,0,-7.18323)'%3e%3cg%20id='svg_3'%20transform='matrix(432.031,0,0,432.031,181.052,465.596)'%3e%3cpath%20d='m0.389,0.012c0.147,0%200.231,-0.081%200.279,-0.164l-0.122,-0.059c-0.028,0.055%20-0.088,0.097%20-0.157,0.097c-0.121,0%20-0.209,-0.093%20-0.209,-0.219c0,-0.126%200.088,-0.219%200.209,-0.219c0.069,0%200.129,0.043%200.157,0.097l0.122,-0.06c-0.047,-0.083%20-0.132,-0.163%20-0.279,-0.163c-0.2,0%20-0.355,0.14%20-0.355,0.345c0,0.205%200.155,0.345%200.355,0.345z'%20fill='%23181c32'%20fill-rule='nonzero'%20id='svg_4'/%3e%3c/g%3e%3cg%20id='svg_5'%20transform='matrix(432.031,0,0,432.031,181.052,897.626)'%3e%3cpath%20d='m0.382,0.012c0.202,0%200.349,-0.144%200.349,-0.345c0,-0.201%20-0.147,-0.345%20-0.349,-0.345c-0.201,0%20-0.348,0.144%20-0.348,0.345c0,0.201%200.147,0.345%200.348,0.345zm0,-0.126c-0.123,0%20-0.202,-0.095%20-0.202,-0.219c0,-0.125%200.079,-0.219%200.202,-0.219c0.123,0%200.203,0.094%200.203,0.219c0,0.124%20-0.08,0.219%20-0.203,0.219z'%20fill='%23181c32'%20fill-rule='nonzero'%20id='svg_6'/%3e%3c/g%3e%3cg%20id='svg_7'%20transform='matrix(432.031,0,0,432.031,181.052,1329.66)'%3e%3cpath%20d='m0.329,0c0.209,0%200.354,-0.132%200.354,-0.333c0,-0.201%20-0.145,-0.334%20-0.354,-0.334l-0.263,0l0,0.667l0.263,0zm0,-0.125l-0.121,0l0,-0.417l0.121,0c0.137,0%200.209,0.091%200.209,0.209c0,0.113%20-0.077,0.208%20-0.209,0.208z'%20fill='%23181c32'%20fill-rule='nonzero'%20id='svg_8'/%3e%3c/g%3e%3cg%20id='svg_9'%20transform='matrix(432.031,0,0,432.031,181.052,1761.69)'%3e%3cpath%20d='m0.538,0l0,-0.125l-0.33,0l0,-0.151l0.323,0l0,-0.125l-0.323,0l0,-0.141l0.262,-0.004l0.068,-0.121l-0.472,0l0,0.667l0.472,0z'%20fill='%23181c32'%20fill-rule='nonzero'%20id='svg_10'/%3e%3c/g%3e%3c/g%3e%3cpath%20d='m1244.34,899.516c2.24,-2.727%205.63,-4.263%209.16,-4.16c97.08,2.951%20178.72,25.028%20244,67.365c-75.46,47.959%20-156.69,71.079%20-244.2,67.079c-3.52,-0.17%20-6.76,-1.95%20-8.81,-4.82c-31.84,-44.902%20-32.01,-86.733%20-0.15,-125.464z'%20fill='url(%23svg_16)'%20id='svg_11'/%3e%3c/g%3e%3c/svg%3e)
Code Formatter
Formatters & ValidatorsFormat JavaScript, TypeScript, HTML, CSS, and SQL code with Prettier
Runs in browser Instant No tracking
How to use
- 1Select your programming language from the tabs
- 2Paste your code or click Sample to load example code
- 3Configure formatting options (tab width, semicolons, quotes)
- 4The formatted code appears automatically
- 5Click Copy to copy the formatted result
FAQ
What is code formatting?
Code formatting automatically applies consistent indentation, spacing, and style rules to your code. This tool uses Prettier, the most popular code formatter.
Which languages are supported?
This tool supports JavaScript, TypeScript, HTML, CSS, JSON, and Markdown formatting using Prettier plugins.
Is my code safe?
Yes, all formatting happens in your browser using Prettier's standalone build. No code is sent to any server.