Format Glimmer and Handlebars templates, as used in Ember.js.
Loading the tool...
How to use Glimmer Formatter
Paste your code. The formatter engine loads in a moment the first time.
Adjust the options if you need to.
Copy the formatted result.
About Glimmer Formatter
Glimmer is the template engine in Ember.js, and its syntax is a close relative of Handlebars: {{double curlies}}, {{#if}} blocks and component invocations with angle brackets. The formatter understands all of it and indents blocks correctly.
Plain Handlebars templates mostly work too.
Frequently asked questions
Does it work with plain Handlebars?
Mostly yes, for typical templates. Handlebars features that Glimmer does not support may be reported as errors.
Are components with angle brackets supported?
Yes, both curly and angle bracket invocations.
What about whitespace control?
The formatter keeps the tilde whitespace control markers.
Why did the first run take a second?
The formatting engine for this language is downloaded the first time you use it, then cached by your browser. After that, formatting is instant and nothing leaves your machine.