/own-style-atomic-design

Creative Commons Zero v1.0 UniversalCC0-1.0

Own Style Atomic Design

Atom

The minimal unit UI component.

1 to 1 between appearance and operation (ex: onClick, onChange events), as like <button></button> or <input>.

Molecule

The UI component assembled by Atom or Molecule, or n to n between appearance and operation.

But can't establish independ UI by itself in the page except to depend on Organism.

Organism

The UI component assembled by Atom or Molecule or Organism, or n to n between appearance and operation.

And can establish independ UI by itself in the page.

Template

The UI component assembled by Atom or Molecule or Organism.

And equal the page itself.