loading

Glimmer Resources

ctrl+f to search

StackBlitz
Always up to date ember playground that uses the real ember-cli in a WebContainer.
  • `ember new` app (JS)
  • `ember new` app (TS)
Limber: Glimdown Playground
A demonstration of combining markdown with glimmer syntax for authoring live documentation.
Related projects:
  • Kolay
  • field-guide
  • Docfy
Ember Twiddle
A popular tool for creating Ember demos and reproductions
Glitch
Template tracking the latest EmberJS
GitPod.io
A high-fidelity node environment for playing around with ember without needing to downloading yourself or for creating issue reproductions

VS Code requires two plugins to have full syntax highlighting

plugin name and description basic highlighting embedded support
vscode-glimmer-syntax
Provides syntax highlighting for *.hbs files
vscode-glimmer
Provides embedded highlighting support for vscode-glimmer-syntax
  • supports hbs`` template literals in JS & TS
  • supports <template> tags in JS & TS
  • supports hbs tags in Markdown

(neo)vim has tree-sitter support built in, so it's recommended to use tree-sitter grammars to get the maximum support

plugin name and description basic highlighting embedded support
tree-sitter-glimmer tree-sitter-glimmer-javascript tree-sitter-glimmer-typescript
for neovim only -- provides high-fidelity syntax highlighting.
can be used instead of vim-ember-hbs
  • requires nvim-treesitter
  • supports hbs`` template literals in JS & TS
  • supports <template> tags in JS & TS
  • does not support hbs tags in Markdown
NullVoxPopuli/vim-ember-hbs
traditional vim syntax definition -- a fork of another vim syntax plugin until this PR is merged

Typically, you'd only want one of these in your projects. Highlight.JS has more active development and is generally more modern.

plugin name and description basic highlighting embedded support
highlightjs-glimmer
third-party plugin for Highlight.JS
  • supports hbs`` template literals in JS & TS
  • supports <template> tags in JS & TS
  • does not support hbs tags in Markdown
prismjs-glimmer
third-party plugin for PrismJS
  • does not support hbs`` template literals
  • does not support <template> tags
  • does not support hbs tags in Markdown