Web Components Generator

Define and generate complete custom element classes with Shadow DOM, lifecycle, and observed attributes.

Component Definition

Export downloads a .js file. Use copy for the component code.

Generated Component

// Configure your component on the left and click "Generate"