diff --git a/analysis.json b/analysis.json
index ba990cd..9338cb8 100644
--- a/analysis.json
+++ b/analysis.json
@@ -6,14 +6,14 @@
       "description": "",
       "summary": "",
       "sourceRange": {
-        "file": "src/vaadin-checkbox.html",
+        "file": "src/vaadin-checkbox-group.html",
         "start": {
-          "line": 279,
+          "line": 159,
           "column": 6
         },
         "end": {
-          "line": 279,
-          "column": 54
+          "line": 159,
+          "column": 42
         }
       },
       "elements": [
@@ -51,11 +51,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 50,
+                  "line": 55,
                   "column": 8
                 },
                 "end": {
-                  "line": 52,
+                  "line": 57,
                   "column": 9
                 }
               },
@@ -74,11 +74,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 57,
+                  "line": 62,
                   "column": 8
                 },
                 "end": {
-                  "line": 59,
+                  "line": 64,
                   "column": 9
                 }
               },
@@ -97,11 +97,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 64,
+                  "line": 69,
                   "column": 8
                 },
                 "end": {
-                  "line": 68,
+                  "line": 73,
                   "column": 9
                 }
               },
@@ -121,11 +121,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 70,
+                  "line": 75,
                   "column": 8
                 },
                 "end": {
-                  "line": 72,
+                  "line": 77,
                   "column": 9
                 }
               },
@@ -276,11 +276,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 118,
+                  "line": 123,
                   "column": 4
                 },
                 "end": {
-                  "line": 123,
+                  "line": 128,
                   "column": 5
                 }
               },
@@ -298,11 +298,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 128,
+                  "line": 133,
                   "column": 4
                 },
                 "end": {
-                  "line": 139,
+                  "line": 144,
                   "column": 5
                 }
               },
@@ -320,11 +320,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 141,
+                  "line": 146,
                   "column": 4
                 },
                 "end": {
-                  "line": 155,
+                  "line": 160,
                   "column": 5
                 }
               },
@@ -346,11 +346,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 157,
+                  "line": 162,
                   "column": 4
                 },
                 "end": {
-                  "line": 159,
+                  "line": 164,
                   "column": 5
                 }
               },
@@ -372,11 +372,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 161,
+                  "line": 166,
                   "column": 4
                 },
                 "end": {
-                  "line": 163,
+                  "line": 168,
                   "column": 5
                 }
               },
@@ -394,11 +394,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 174,
+                  "line": 179,
                   "column": 4
                 },
                 "end": {
-                  "line": 181,
+                  "line": 186,
                   "column": 5
                 }
               },
@@ -420,11 +420,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 187,
+                  "line": 192,
                   "column": 4
                 },
                 "end": {
-                  "line": 194,
+                  "line": 199,
                   "column": 5
                 }
               },
@@ -442,11 +442,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 201,
+                  "line": 206,
                   "column": 4
                 },
                 "end": {
-                  "line": 204,
+                  "line": 209,
                   "column": 5
                 }
               },
@@ -464,11 +464,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 206,
+                  "line": 211,
                   "column": 4
                 },
                 "end": {
-                  "line": 219,
+                  "line": 224,
                   "column": 5
                 }
               },
@@ -490,11 +490,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 221,
+                  "line": 226,
                   "column": 4
                 },
                 "end": {
-                  "line": 237,
+                  "line": 242,
                   "column": 5
                 }
               },
@@ -653,17 +653,38 @@
                 "type": "void"
               }
             },
+            {
+              "name": "__interactionsAllowed",
+              "description": "True if users' interactions (mouse or keyboard)\nshould toggle the checkbox",
+              "privacy": "private",
+              "sourceRange": {
+                "start": {
+                  "line": 247,
+                  "column": 8
+                },
+                "end": {
+                  "line": 258,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
             {
               "name": "_handleClick",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 243,
+                  "line": 260,
                   "column": 8
                 },
                 "end": {
-                  "line": 260,
+                  "line": 277,
                   "column": 9
                 }
               },
@@ -683,11 +704,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 262,
+                  "line": 279,
                   "column": 8
                 },
                 "end": {
-                  "line": 265,
+                  "line": 282,
                   "column": 9
                 }
               },
@@ -699,6 +720,54 @@
             }
           ],
           "staticMethods": [
+            {
+              "name": "finalize",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "file": "../../vaadin-themable-mixin/vaadin-themable-mixin.html",
+                "start": {
+                  "line": 15,
+                  "column": 4
+                },
+                "end": {
+                  "line": 30,
+                  "column": 5
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": "Vaadin.ThemableMixin"
+            },
+            {
+              "name": "_includeMatchingThemes",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "file": "../../vaadin-themable-mixin/vaadin-themable-mixin.html",
+                "start": {
+                  "line": 33,
+                  "column": 4
+                },
+                "end": {
+                  "line": 58,
+                  "column": 5
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "template"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": "Vaadin.ThemableMixin"
+            },
             {
               "name": "_includeStyle",
               "description": "",
@@ -706,11 +775,11 @@
               "sourceRange": {
                 "file": "../../vaadin-themable-mixin/vaadin-themable-mixin.html",
                 "start": {
-                  "line": 46,
+                  "line": 61,
                   "column": 4
                 },
                 "end": {
-                  "line": 50,
+                  "line": 67,
                   "column": 5
                 }
               },
@@ -718,6 +787,9 @@
               "params": [
                 {
                   "name": "moduleName"
+                },
+                {
+                  "name": "template"
                 }
               ],
               "return": {
@@ -739,7 +811,7 @@
               "column": 6
             },
             "end": {
-              "line": 272,
+              "line": 289,
               "column": 7
             }
           },
@@ -753,11 +825,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 50,
+                  "line": 55,
                   "column": 8
                 },
                 "end": {
-                  "line": 52,
+                  "line": 57,
                   "column": 9
                 }
               },
@@ -771,11 +843,11 @@
               "sourceRange": {
                 "file": "../../vaadin-control-state-mixin/vaadin-control-state-mixin.html",
                 "start": {
-                  "line": 64,
+                  "line": 69,
                   "column": 8
                 },
                 "end": {
-                  "line": 68,
+                  "line": 73,
                   "column": 9
                 }
               },
@@ -879,6 +951,382 @@
             "Vaadin.ThemableMixin",
             "Polymer.GestureEventListeners"
           ]
+        },
+        {
+          "description": "`<vaadin-checkbox-group>` is a Polymer element for grouping vaadin-checkboxes.\n\n```html\n<vaadin-checkbox-group>\n  <vaadin-checkbox value=\"foo\">Foo</vaadin-checkbox>\n  <vaadin-checkbox value=\"bar\">Bar</vaadin-checkbox>\n  <vaadin-checkbox value=\"baz\">Baz</vaadin-checkbox>\n</vaadin-checkbox-group>\n```\n\n### Styling\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled`   | Set when the checkbox group and its children are disabled. | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
+          "summary": "",
+          "path": "src/vaadin-checkbox-group.html",
+          "properties": [
+            {
+              "name": "_checkboxes",
+              "type": "?",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 113,
+                  "column": 8
+                },
+                "end": {
+                  "line": 115,
+                  "column": 9
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "readOnly": true
+                }
+              }
+            },
+            {
+              "name": "disabled",
+              "type": "boolean | null | undefined",
+              "description": "The current disabled state of the checkbox group. True if group and all internal checkboxes are disabled.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 54,
+                  "column": 12
+                },
+                "end": {
+                  "line": 58,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "observer": "\"_disabledChanged\"",
+                  "attributeType": "Boolean"
+                }
+              }
+            },
+            {
+              "name": "value",
+              "type": "Array | null | undefined",
+              "description": "Value of the checkbox group.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 63,
+                  "column": 12
+                },
+                "end": {
+                  "line": 67,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "notify": true,
+                  "attributeType": "Array"
+                }
+              },
+              "defaultValue": "[]"
+            }
+          ],
+          "methods": [
+            {
+              "name": "connectedCallback",
+              "description": "",
+              "privacy": "private",
+              "sourceRange": {
+                "start": {
+                  "line": 80,
+                  "column": 8
+                },
+                "end": {
+                  "line": 105,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "ready",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 107,
+                  "column": 8
+                },
+                "end": {
+                  "line": 111,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "_filterCheckboxes",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 117,
+                  "column": 8
+                },
+                "end": {
+                  "line": 120,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "nodes"
+                }
+              ]
+            },
+            {
+              "name": "_disabledChanged",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 122,
+                  "column": 8
+                },
+                "end": {
+                  "line": 126,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "disabled"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "_changeSelectedCheckbox",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 128,
+                  "column": 8
+                },
+                "end": {
+                  "line": 140,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "checkbox"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "_valueChanged",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 142,
+                  "column": 8
+                },
+                "end": {
+                  "line": 150,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "newV"
+                },
+                {
+                  "name": "oldV"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            }
+          ],
+          "staticMethods": [
+            {
+              "name": "finalize",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "file": "../../vaadin-themable-mixin/vaadin-themable-mixin.html",
+                "start": {
+                  "line": 15,
+                  "column": 4
+                },
+                "end": {
+                  "line": 30,
+                  "column": 5
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": "Vaadin.ThemableMixin"
+            },
+            {
+              "name": "_includeMatchingThemes",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "file": "../../vaadin-themable-mixin/vaadin-themable-mixin.html",
+                "start": {
+                  "line": 33,
+                  "column": 4
+                },
+                "end": {
+                  "line": 58,
+                  "column": 5
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "template"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": "Vaadin.ThemableMixin"
+            },
+            {
+              "name": "_includeStyle",
+              "description": "",
+              "privacy": "private",
+              "sourceRange": {
+                "file": "../../vaadin-themable-mixin/vaadin-themable-mixin.html",
+                "start": {
+                  "line": 61,
+                  "column": 4
+                },
+                "end": {
+                  "line": 67,
+                  "column": 5
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "moduleName"
+                },
+                {
+                  "name": "template"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": "Vaadin.ThemableMixin"
+            }
+          ],
+          "demos": [
+            {
+              "url": "demo/index.html",
+              "description": ""
+            }
+          ],
+          "metadata": {},
+          "sourceRange": {
+            "start": {
+              "line": 44,
+              "column": 6
+            },
+            "end": {
+              "line": 152,
+              "column": 7
+            }
+          },
+          "privacy": "public",
+          "superclass": "HTMLElement",
+          "name": "Vaadin.CheckboxGroupElement",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "The current disabled state of the checkbox group. True if group and all internal checkboxes are disabled.",
+              "sourceRange": {
+                "start": {
+                  "line": 54,
+                  "column": 12
+                },
+                "end": {
+                  "line": 58,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "value",
+              "description": "Value of the checkbox group.",
+              "sourceRange": {
+                "start": {
+                  "line": 63,
+                  "column": 12
+                },
+                "end": {
+                  "line": 67,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "Array | null | undefined"
+            }
+          ],
+          "events": [
+            {
+              "type": "CustomEvent",
+              "name": "value-changed",
+              "description": "Fired when the `value` property changes.",
+              "metadata": {}
+            }
+          ],
+          "styling": {
+            "cssVariables": [],
+            "selectors": []
+          },
+          "slots": [
+            {
+              "description": "",
+              "name": "",
+              "range": {
+                "start": {
+                  "line": 13,
+                  "column": 4
+                },
+                "end": {
+                  "line": 13,
+                  "column": 27
+                }
+              }
+            }
+          ],
+          "tagname": "vaadin-checkbox-group",
+          "mixins": [
+            "Vaadin.ThemableMixin"
+          ]
         }
       ]
     }
diff --git a/bower.json b/bower.json
index de137a1..034d9fe 100644
--- a/bower.json
+++ b/bower.json
@@ -37,6 +37,7 @@
     "webcomponentsjs": "^1.0.1",
     "web-component-tester": "^6.1.5",
     "vaadin-demo-helpers": "vaadin/vaadin-demo-helpers#^2.0.0",
-    "iron-form": "^2.0.1"
+    "iron-form": "^2.0.1",
+    "vaadin-button": "^2.0.1"
   }
 }
diff --git a/demo/checkbox-group-demos.html b/demo/checkbox-group-demos.html
new file mode 100644
index 0000000..aad8afa
--- /dev/null
+++ b/demo/checkbox-group-demos.html
@@ -0,0 +1,111 @@
+<dom-module id="checkbox-group-demos">
+  <template>
+    <style include="vaadin-component-demo-shared-styles">
+      :host {
+        display: block;
+      }
+    </style>
+
+    <h3>Checkbox Group</h3>
+    <vaadin-demo-snippet id="checkbox-group-demos-checkbox-group-value">
+      <template preserve-content>
+        <dom-bind>
+          <template>
+            <p>Preferred language of contact:</p>
+            <vaadin-checkbox-group value="{{checkboxValue}}">
+              <vaadin-checkbox value="en">English</vaadin-checkbox>
+              <vaadin-checkbox value="fr">Français</vaadin-checkbox>
+              <vaadin-checkbox value="de">Deutsch</vaadin-checkbox>
+            </vaadin-checkbox-group>
+            <p>Selected value: [[checkboxValue]]</p>
+          </template>
+        </dom-bind>
+      </template>
+    </vaadin-demo-snippet>
+
+    <h3>Checkbox Group Disabled</h3>
+    <vaadin-demo-snippet id="checkbox-group-demos-checkbox-group-disabled">
+      <template preserve-content>
+        <vaadin-checkbox-group disabled>
+          <vaadin-checkbox value="1">1</vaadin-checkbox>
+          <vaadin-checkbox value="2">2</vaadin-checkbox>
+          <vaadin-checkbox value="3">3</vaadin-checkbox>
+          <vaadin-checkbox value="4">4</vaadin-checkbox>
+        </vaadin-checkbox-group>
+      </template>
+    </vaadin-demo-snippet>
+
+    <h3>Checkbox Group with Iron Form with same names</h3>
+    <vaadin-demo-snippet id="checkbox-group-demos-checkbox-group-with-iron-form">
+      <template preserve-content>
+        <iron-form id="test-form">
+          <form>
+            <vaadin-checkbox-group>
+              <vaadin-checkbox name="checkbox-group" value="1">1</vaadin-checkbox>
+              <vaadin-checkbox name="checkbox-group" value="2">2</vaadin-checkbox>
+              <vaadin-checkbox name="checkbox-group" value="3">3</vaadin-checkbox>
+              <vaadin-checkbox name="checkbox-group" value="4">4</vaadin-checkbox>
+            </vaadin-checkbox-group>
+            <vaadin-button id="submit-button">Submit</vaadin-button>
+          </form>
+          <div id="iron-form-output"></div>
+        </iron-form>
+        <script>
+          window.addDemoReadyListener('#checkbox-group-demos-checkbox-group-with-iron-form', function(document) {
+            const testForm = document.getElementById('test-form');
+            const submitButton = document.getElementById('submit-button');
+
+            submitButton.addEventListener('click', function(event) {
+              testForm.submit();
+            });
+
+            testForm.addEventListener('iron-form-submit', function(event) {
+              this.querySelector('#iron-form-output').innerHTML = JSON.stringify(event.detail);
+            });
+          });
+        </script>
+      </template>
+    </vaadin-demo-snippet>
+
+    <h3>Checkbox Group with Iron Form with different names</h3>
+    <vaadin-demo-snippet id="checkbox-group-demos-checkbox-group-with-iron-form-with-custom-value">
+      <template preserve-content>
+        <iron-form id="test-form-custom-value">
+          <form>
+            <vaadin-checkbox-group>
+              <vaadin-checkbox name="first-checkbox-group" value="1">1</vaadin-checkbox>
+              <vaadin-checkbox name="second-checkbox-group" value="2">2</vaadin-checkbox>
+              <vaadin-checkbox name="third-checkbox-group" value="3">3</vaadin-checkbox>
+              <vaadin-checkbox name="fourth-checkbox-group" value="4">4</vaadin-checkbox>
+            </vaadin-checkbox-group>
+            <vaadin-button id="submit-button-custom-value">Submit</vaadin-button>
+          </form>
+          <div id="iron-form-output-custom-value"></div>
+        </iron-form>
+        <script>
+          window.addDemoReadyListener('#checkbox-group-demos-checkbox-group-with-iron-form-with-custom-value', function(document) {
+            const testForm = document.getElementById('test-form-custom-value');
+            const submitButton = document.getElementById('submit-button-custom-value');
+
+            submitButton.addEventListener('click', function(event) {
+              testForm.submit();
+            });
+
+            testForm.addEventListener('iron-form-submit', function(event) {
+              this.querySelector('#iron-form-output-custom-value').innerHTML = JSON.stringify(event.detail);
+            });
+          });
+        </script>
+      </template>
+    </vaadin-demo-snippet>
+
+  </template>
+  <script>
+    class CheckboxGroupDemos extends DemoReadyEventEmitter(CheckboxDemo(Polymer.Element)) {
+      static get is() {
+        return 'checkbox-group-demos';
+      }
+    }
+    customElements.define(CheckboxGroupDemos.is, CheckboxGroupDemos);
+  </script>
+</dom-module>
diff --git a/demo/demos.json b/demo/demos.json
index d4f9402..4b6f1d2 100644
--- a/demo/demos.json
+++ b/demo/demos.json
@@ -33,5 +33,16 @@
       "image": ""
      }
   }
+  ,
+  {
+    "name": "Vaadin Checkbox Group",
+    "url": "checkbox-group-demos",
+    "src": "checkbox-group-demos.html",
+    "meta": {
+      "title": "vaadin-checkbox-group Examples",
+      "description": "",
+      "image": ""
+    }
+  }
   ]
 }
diff --git a/demo/index.html b/demo/index.html
index ce71927..34eefed 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -12,8 +12,10 @@
   <script src="../../vaadin-demo-helpers/vaadin-demo-ready-event-emitter.js"></script>
 
   <script src="./checkbox-demo.js"></script>
-
+  <link rel="import" href="../../iron-form/iron-form.html">
+  <link rel="import" href="../../vaadin-button/vaadin-button.html">
   <link rel="import" href="../vaadin-checkbox.html">
+  <link rel="import" href="../vaadin-checkbox-group.html">
 
   <link rel="import" href="../../vaadin-lumo-styles/icons.html">
 
diff --git a/src/vaadin-checkbox-group.html b/src/vaadin-checkbox-group.html
new file mode 100644
index 0000000..d3df42c
--- /dev/null
+++ b/src/vaadin-checkbox-group.html
@@ -0,0 +1,179 @@
+<!--
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+-->
+
+<link rel="import" href="../../polymer/polymer-element.html">
+<link rel="import" href="../../polymer/lib/utils/flattened-nodes-observer.html">
+<link rel="import" href="../../vaadin-themable-mixin/vaadin-themable-mixin.html">
+<link rel="import" href="vaadin-checkbox.html">
+
+<dom-module id="vaadin-checkbox-group">
+  <template>
+    <slot id="slot"></slot>
+  </template>
+
+  <script>
+    (function() {
+      /**
+       * `<vaadin-checkbox-group>` is a Polymer element for grouping vaadin-checkboxes.
+       *
+       * ```html
+       * <vaadin-checkbox-group>
+       *   <vaadin-checkbox value="foo">Foo</vaadin-checkbox>
+       *   <vaadin-checkbox value="bar">Bar</vaadin-checkbox>
+       *   <vaadin-checkbox value="baz">Baz</vaadin-checkbox>
+       * </vaadin-checkbox-group>
+       * ```
+       *
+       * ### Styling
+       *
+       * The following state attributes are available for styling:
+       *
+       * Attribute  | Description | Part name
+       * -----------|-------------|------------
+       * `disabled`   | Set when the checkbox group and its children are disabled. | :host
+       *
+       * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
+       *
+       * @memberof Vaadin
+       * @mixes Vaadin.ThemableMixin
+       * @element vaadin-checkbox-group
+       * @demo demo/index.html
+       */
+      class CheckboxGroupElement extends Vaadin.ThemableMixin(Polymer.Element) {
+        static get is() {
+          return 'vaadin-checkbox-group';
+        }
+
+        static get properties() {
+          return {
+            /**
+             * The current disabled state of the checkbox group. True if group and all internal checkboxes are disabled.
+             */
+            disabled: {
+              type: Boolean,
+              reflectToAttribute: true,
+              observer: '_disabledChanged'
+            },
+
+            /**
+             * Value of the checkbox group.
+             */
+            value: {
+              type: Array,
+              value: () => [],
+              notify: true
+            }
+          };
+        }
+
+        static get observers() {
+          return [
+            '_valueChanged(value, value.splices)'
+          ];
+        }
+
+        /**
+         * @private
+         */
+        connectedCallback() {
+          super.connectedCallback();
+
+          const checkedChangedListener = (e) => {
+            this._changeSelectedCheckbox(e.target);
+          };
+
+          this._observer = new Polymer.FlattenedNodesObserver(this, (info) => {
+
+            this._filterCheckboxes(info.addedNodes).forEach(checkbox => {
+              checkbox.addEventListener('checked-changed', checkedChangedListener);
+              if (this.disabled) {
+                checkbox.disabled = true;
+              }
+              if (checkbox.checked) {
+                this._addCheckboxToValue(checkbox.value);
+              }
+            });
+
+            this._filterCheckboxes(info.removedNodes).forEach(checkbox => {
+              checkbox.removeEventListener('checked-changed', checkedChangedListener);
+              if (checkbox.checked) {
+                this._removeCheckboxFromValue(checkbox.value);
+              }
+            });
+
+            const checkboxWithoutValue = this._filterCheckboxes(info.addedNodes).filter(checkbox => !checkbox
+              .getAttribute('value'));
+            if (checkboxWithoutValue.length) {
+              console.warn('Please add value attribute to all checkboxes in checkbox group');
+            }
+          });
+        }
+
+        ready() {
+          super.ready();
+
+          this.setAttribute('role', 'checkboxgroup');
+        }
+
+        get _checkboxes() {
+          return this._filterCheckboxes(this.querySelectorAll('*'));
+        }
+
+        _filterCheckboxes(nodes) {
+          return Array.from(nodes)
+            .filter(child => child instanceof Vaadin.CheckboxElement);
+        }
+
+        _disabledChanged(disabled) {
+          this.setAttribute('aria-disabled', disabled);
+
+          this._checkboxes.forEach(checkbox => checkbox.disabled = disabled);
+        }
+
+        _addCheckboxToValue(value) {
+          this.push('value', value);
+        }
+
+        _removeCheckboxFromValue(value) {
+          const index = this.value.indexOf(value);
+          this.splice('value', index, 1);
+        }
+
+        _changeSelectedCheckbox(checkbox) {
+          if (this._updatingValue) {
+            return;
+          }
+
+          if (checkbox.checked) {
+            this._addCheckboxToValue(checkbox.value);
+          } else {
+            this._removeCheckboxFromValue(checkbox.value);
+          }
+
+        }
+
+        _valueChanged(newV, oldV) {
+          // set a flag to avoid updating loop
+          this._updatingValue = true;
+          // reflect the value array to checkboxes
+          this._checkboxes.forEach(checkbox => {
+            checkbox.checked = newV.indexOf(checkbox.value) > -1;
+          });
+          this._updatingValue = false;
+        }
+
+      }
+
+      customElements.define(CheckboxGroupElement.is, CheckboxGroupElement);
+
+      /**
+       * @namespace Vaadin
+       */
+      window.Vaadin = window.Vaadin || {};
+      Vaadin.CheckboxGroupElement = CheckboxGroupElement;
+    })();
+  </script>
+</dom-module>
diff --git a/test/test-suites.js b/test/test-suites.js
index 781288d..35a3fdd 100644
--- a/test/test-suites.js
+++ b/test/test-suites.js
@@ -1,4 +1,5 @@
 window.VaadinCheckboxSuites = [
   'vaadin-checkbox_test.html',
+  'vaadin-checkbox-group_test.html',
   'accessibility.html'
 ];
diff --git a/test/vaadin-checkbox-group_test.html b/test/vaadin-checkbox-group_test.html
new file mode 100644
index 0000000..db4c341
--- /dev/null
+++ b/test/vaadin-checkbox-group_test.html
@@ -0,0 +1,126 @@
+<!doctype html>
+
+<head>
+  <meta charset="UTF-8">
+  <title>vaadin-checkbox-group tests</title>
+  <script src="../../web-component-tester/browser.js"></script>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../iron-test-helpers/mock-interactions.html">
+  <link rel="import" href="../../test-fixture/test-fixture.html">
+  <link rel="import" href="../vaadin-checkbox.html">
+  <link rel="import" href="../vaadin-checkbox-group.html">
+</head>
+
+<body>
+<test-fixture id="default">
+  <template>
+    <vaadin-checkbox-group>
+      <vaadin-checkbox value="1">Checkbox <b>1</b></vaadin-checkbox>
+      <vaadin-checkbox value="2">Checkbox <b>2</b></vaadin-checkbox>
+      <vaadin-checkbox value="3">Checkbox <b>3</b></vaadin-checkbox>
+    </vaadin-checkbox-group>
+  </template>
+</test-fixture>
+
+<script>
+  describe('vaadin-checkbox-group', () => {
+
+    let vaadinCheckboxGroup, vaadinCheckboxList;
+
+    beforeEach(() => {
+      vaadinCheckboxGroup = fixture('default');
+      vaadinCheckboxList = vaadinCheckboxGroup.querySelectorAll('vaadin-checkbox');
+      vaadinCheckboxGroup._observer.flush();
+    });
+
+    it('sets role properly', () => {
+      expect(vaadinCheckboxGroup.getAttribute('role')).to.eq('checkboxgroup');
+    });
+
+    it('changes aria-disabled on disabled change', () => {
+      vaadinCheckboxGroup.disabled = true;
+      expect(vaadinCheckboxGroup.getAttribute('aria-disabled')).to.eq('true');
+    });
+
+    it('can be disabled imperatively', () => {
+      vaadinCheckboxGroup.disabled = true;
+      expect(vaadinCheckboxGroup.hasAttribute('disabled')).to.be.true;
+      expect(vaadinCheckboxList[0].hasAttribute('disabled')).to.be.true;
+    });
+
+    it('should set disabled property to dynamically added checkboxes', () => {
+      vaadinCheckboxGroup.disabled = true;
+      const checkbox = document.createElement('vaadin-checkbox');
+      vaadinCheckboxGroup.appendChild(checkbox);
+      vaadinCheckboxGroup._observer.flush();
+      expect(checkbox.disabled).to.be.true;
+    });
+
+    it('should add dynamically added checked checkbox value to checkbox group value', () => {
+      const checkbox = document.createElement('vaadin-checkbox');
+      checkbox.value = 'new';
+      checkbox.checked = true;
+      vaadinCheckboxGroup.appendChild(checkbox);
+      vaadinCheckboxGroup._observer.flush();
+      expect(vaadinCheckboxGroup.value).to.include('new');
+    });
+
+    it('should remove checked checkbox value from checkbox group value, when checkbox is dynamically removed', () => {
+      const checkbox = vaadinCheckboxList[0];
+      checkbox.checked = true;
+      vaadinCheckboxGroup.removeChild(checkbox);
+      vaadinCheckboxGroup._observer.flush();
+      expect(vaadinCheckboxGroup.value).to.not.include('1');
+    });
+
+    it('should not change checkbox group value if a removed checkbox is checked', () => {
+      const checkbox = vaadinCheckboxList[0];
+      vaadinCheckboxGroup.removeChild(checkbox);
+      vaadinCheckboxGroup._observer.flush();
+      checkbox.checked = true;
+      expect(vaadinCheckboxGroup.value).to.not.include('1');
+    });
+
+    it('should set proper value to checkbox-group when a checkbox is checked', () => {
+      vaadinCheckboxList[0].checked = true;
+      expect(vaadinCheckboxGroup.value).to.deep.equal(['1']);
+      vaadinCheckboxList[1].checked = true;
+      expect(vaadinCheckboxGroup.value).to.deep.equal(['1', '2']);
+    });
+
+    it('should set proper value to checkbox-group when a checkbox is unchecked', () => {
+      vaadinCheckboxList[0].checked = true;
+      vaadinCheckboxList[1].checked = true;
+      expect(vaadinCheckboxGroup.value).to.deep.equal(['1', '2']);
+      vaadinCheckboxList[1].checked = false;
+      expect(vaadinCheckboxGroup.value).to.deep.equal(['1']);
+    });
+
+    it('should check proper checkbox when value is set', () => {
+      vaadinCheckboxGroup.value = ['2'];
+      expect(vaadinCheckboxList[1].checked).to.be.true;
+      vaadinCheckboxGroup.value = ['1', '3'];
+      expect(vaadinCheckboxList[0].checked).to.be.true;
+      expect(vaadinCheckboxList[2].checked).to.be.true;
+    });
+
+    it('should uncheck proper checkbox when value is removed', () => {
+      vaadinCheckboxGroup.value = ['1', '3'];
+      expect(vaadinCheckboxList[0].checked).to.be.true;
+      expect(vaadinCheckboxList[2].checked).to.be.true;
+      vaadinCheckboxGroup.value = ['1'];
+      expect(vaadinCheckboxList[0].checked).to.be.true;
+      expect(vaadinCheckboxList[2].checked).to.be.false;
+    });
+
+    it('should NOT steal focus from currently focused element', () => {
+      const focusInput = document.createElement('input');
+      document.body.appendChild(focusInput);
+      focusInput.focus();
+      vaadinCheckboxGroup.value = '2';
+      expect(document.activeElement).to.be.equal(focusInput);
+      document.body.removeChild(focusInput);
+    });
+  });
+</script>
+</body>
diff --git a/theme/lumo/vaadin-checkbox-group-styles.html b/theme/lumo/vaadin-checkbox-group-styles.html
new file mode 100644
index 0000000..5611dee
--- /dev/null
+++ b/theme/lumo/vaadin-checkbox-group-styles.html
@@ -0,0 +1,10 @@
+<dom-module id="lumo-checkbox-group" theme-for="vaadin-checkbox-group">
+  <template>
+    <style>
+      :host([theme~="vertical"]) {
+        display: flex;
+        flex-direction: column;
+      }
+    </style>
+  </template>
+</dom-module>
diff --git a/theme/lumo/vaadin-checkbox-group.html b/theme/lumo/vaadin-checkbox-group.html
new file mode 100644
index 0000000..17c9632
--- /dev/null
+++ b/theme/lumo/vaadin-checkbox-group.html
@@ -0,0 +1,3 @@
+<link rel="import" href="vaadin-checkbox-styles.html">
+<link rel="import" href="vaadin-checkbox-group-styles.html">
+<link rel="import" href="../../src/vaadin-checkbox-group.html">
diff --git a/theme/material/vaadin-checkbox-group-styles.html b/theme/material/vaadin-checkbox-group-styles.html
new file mode 100644
index 0000000..cce6679
--- /dev/null
+++ b/theme/material/vaadin-checkbox-group-styles.html
@@ -0,0 +1,10 @@
+<dom-module id="material-checkbox-group" theme-for="vaadin-checkbox-group">
+  <template>
+    <style>
+      :host([theme~="vertical"]) {
+        display: flex;
+        flex-direction: column;
+      }
+    </style>
+  </template>
+</dom-module>
diff --git a/theme/material/vaadin-checkbox-group.html b/theme/material/vaadin-checkbox-group.html
new file mode 100644
index 0000000..01f114a
--- /dev/null
+++ b/theme/material/vaadin-checkbox-group.html
@@ -0,0 +1,2 @@
+<link rel="import" href="vaadin-checkbox-group-styles.html">
+<link rel="import" href="../../src/vaadin-checkbox-group.html">
diff --git a/vaadin-checkbox-group.html b/vaadin-checkbox-group.html
new file mode 100644
index 0000000..0678bb7
--- /dev/null
+++ b/vaadin-checkbox-group.html
@@ -0,0 +1 @@
+<link rel="import" href="theme/lumo/vaadin-checkbox-group.html">
diff --git a/wct.conf.js b/wct.conf.js
index 5dc3bd1..df999c6 100644
--- a/wct.conf.js
+++ b/wct.conf.js
@@ -21,7 +21,7 @@ module.exports = {
     }
   },
   // MAGI REMOVE END
-  
+
   registerHooks: function(context) {
     const saucelabsPlatformsMobile = [
       'macOS 10.12/iphone@10.3',