Render Glimmer components with custom elements
Last updated 3 years ago by endangeredmassa .
MIT · Original npm · Tarball · package.json
$ cnpm install temp-glimmer-component-endangeredmassa 
SYNC missed versions from official npm registry.

@glimmer/web-component Build Status


Add this package to your project with Yarn:

yarn add --dev @glimmer/web-component

Or alternatively with npm:

npm install --save-dev @glimmer/web-component


Add this import to your src/index.ts or wherever you are instantiating your Glimmer app:

import initializeCustomElements from '@glimmer/web-component';

And then after app.boot():

initializeCustomElements(app, /* array of component names */);

This will register custom elements for each of the component names you give to initializeCustomElements and will replace the custom element with your Glimmer component once the custom element connects. For example, if you provide the component name 'foo-bar' you can now use the custom element <foo-bar> anywhere in the DOM and have your foo-bar component render in its place.

Browser Support

Browser support for the WebComponents spec is not not great yet. If you want to use customElements.define where it is not yet supported natively, you'll need to install the polyfill.


MIT License.

Current Tags

  • 0.2.2                                ...           latest (3 years ago)

3 Versions

  • 0.2.2                                ...           3 years ago
  • 0.2.1                                ...           3 years ago
  • 0.2.0                                ...           3 years ago
Maintainers (1)
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 1
Dependencies (0)
Dev Dependencies (4)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |