hero

MoleculeJS

Declarative, flexible Custom Elements

Get Started →

Web Components

Built on the Web Components standard to enable you to build fast, contained and robust custom elements.

Declarative

Build declarative UIs with a rendering method of your choosing that react to changes of properties and attributes.

Performant

Molecule is lightweight and only rerenders, if your data changes.

Easy Custom Elements

class Greeting extends MoleculeLit.Element {
  static get properties() {
    return {
      name: 'Daniel'
    }
  }

  render({ name }) {
    return html`Hello, ${name}`;
  }
}

Icon

Icon made by Smashicons from www.flaticon.com is licensed by CC 3.0 BY