diff --git a/common/changes/@uifabric/experiments/v-vibr-Shimmer-example_2018-04-14-01-44.json b/common/changes/@uifabric/experiments/v-vibr-Shimmer-example_2018-04-14-01-44.json
new file mode 100644
index 0000000000000..8231e782bad39
--- /dev/null
+++ b/common/changes/@uifabric/experiments/v-vibr-Shimmer-example_2018-04-14-01-44.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/experiments",
+      "comment": "Shimmer: adding two more examples as per designers request.",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@uifabric/experiments",
+  "email": "v-vibr@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/experiments/src/components/Shimmer/examples/Shimmer.Basic.Example.tsx b/packages/experiments/src/components/Shimmer/examples/Shimmer.Basic.Example.tsx
index 771e6e84d8e37..6ebba003c949f 100644
--- a/packages/experiments/src/components/Shimmer/examples/Shimmer.Basic.Example.tsx
+++ b/packages/experiments/src/components/Shimmer/examples/Shimmer.Basic.Example.tsx
@@ -1,9 +1,11 @@
 import * as React from 'react';
 import {
   Shimmer,
+  getRenderedElements,
   ShimmerElementType as ElemType,
   ShimmerElementVerticalAlign as ElemVerticalAlign
 } from 'experiments/lib/Shimmer';
+import './Shimmer.Example.scss';
 
 export class ShimmerBasicExample extends React.Component<{}, {}> {
 
@@ -76,6 +78,59 @@ export class ShimmerBasicExample extends React.Component<{}, {}> {
             { type: ElemType.line, height: 10, verticalAlign: ElemVerticalAlign.bottom }
           ] }
         />
+        Split line examples.
+        <div className='shimmerBasicExample-wrapper'>
+          <Shimmer
+            isBaseStyle={ true }
+          >
+            { getRenderedElements([
+              { type: ElemType.line, widthInPixel: 40, height: 40 },
+              { type: ElemType.gap, widthInPixel: 10, height: 40 }
+            ], 40) }
+            <div
+              // tslint:disable-next-line:jsx-ban-props
+              style={
+                {
+                  display: 'flex',
+                  flexWrap: 'wrap',
+                  width: '300px'
+                }
+              }
+            >
+              { getRenderedElements([
+                { type: ElemType.line, widthInPixel: 300, height: 10 },
+                { type: ElemType.line, widthInPixel: 200, height: 10 },
+                { type: ElemType.gap, widthInPixel: 100, height: 20 }
+              ], 20) }
+            </div>
+          </Shimmer>
+        </div>
+        <div className='shimmerBasicExample-wrapper'>
+          <Shimmer
+            isBaseStyle={ true }
+          >
+            { getRenderedElements([
+              { type: ElemType.circle, height: 40 },
+              { type: ElemType.gap, widthInPixel: 10, height: 40 }
+            ], 40) }
+            <div
+              // tslint:disable-next-line:jsx-ban-props
+              style={
+                {
+                  display: 'flex',
+                  flexWrap: 'wrap',
+                  width: '500px'
+                }
+              }
+            >
+              { getRenderedElements([
+                { type: ElemType.line, widthInPixel: 400, height: 10 },
+                { type: ElemType.gap, widthInPixel: 100, height: 20 },
+                { type: ElemType.line, widthInPixel: 500, height: 10 }
+              ], 20) }
+            </div>
+          </Shimmer>
+        </div>
       </div>
     );
   }
diff --git a/packages/experiments/src/components/Shimmer/examples/Shimmer.Example.scss b/packages/experiments/src/components/Shimmer/examples/Shimmer.Example.scss
index 5352eda584c45..2e6f3ba1a5ac5 100644
--- a/packages/experiments/src/components/Shimmer/examples/Shimmer.Example.scss
+++ b/packages/experiments/src/components/Shimmer/examples/Shimmer.Example.scss
@@ -22,4 +22,8 @@
       margin-right: 30px;
     }
   }
+
+  .shimmerBasicExample-wrapper {
+    margin: 10px;
+  }
 }
\ No newline at end of file