← All tools

Ember Glimmer Generator: Templates, Features and Tests

Generate nested Glimmer component starters with HBS, JS/TS, CSS and QUnit files, optional tracked state, actions, constructor and typed args.

ember-component-generatorLOCAL WORKSPACE

Enabling local controls…

Generator settings

Files
Component class features

Edits clear old output. Inputs stay in page memory without transmission, storage or URL insertion. Output is displayed as text, never executed.

Separate .hbs Glimmer starter for an existing Ember compiler and dependencies. CSS must be imported in your app stylesheet. Templates omit action references when no class is selected.

Source controls reviewed: 2026-10-18. UD5

Preview and complete output

Configure fields and generate, or load an example.

How to use this tool

Enter a kebab-case name, choose files, features and one of six templates. Generate, review dependencies and export the individual files.

When not to use it

Classic separate .hbs Glimmer starter for an existing Ember app. CSS requires an explicit stylesheet import. Args interface applies to TypeScript; generated tests need Ember/QUnit tooling.