Ungroup programatically grouped objects in fabric.js (simply past this code into the "execute" tab of fabricjs kitchensink demo)

ungroup_grouped_objects_in_fabricjs.js

// clear canvas
canvas.clear();

// add red rectangl
canvas.add(new fabric.Rect({
  width: 50, height: 50, left: 50, top: 50, fill: 'rgb(255,0,0)'
}));

canvas.add(new fabric.Rect({
  width: 50, height: 50, left: 110, top: 50, fill: 'rgb(255,0,0)'
}));

var group = new fabric.Group([
  canvas.item(0).clone(),
  canvas.item(1).clone()
]);

canvas.clear().renderAll();
canvas.add(group);

// move group, rotate group
group.centerH();
group.centerV();
group.rotate(70);

// ungrouping is here
var items = group._objects;
group._restoreObjectsState();
canvas.remove(group);
for(var i = 0; i < items.length; i++) {
  canvas.add(items[i]);
}

canvas.renderAll();

In order to avoid using private methods, the following lines:

// ungrouping is here
var items = group._objects;
group._restoreObjectsState();

Could be replaced for:

// ungrouping is here
var items = group.getObjects();
group.destroy();

Thanks!