diff --git a/src/Gallery/insertYourLoaderHere/CategoryLoader.js b/src/Gallery/insertYourLoaderHere/CategoryLoader.js
index afd6337..9273dd7 100644
--- a/src/Gallery/insertYourLoaderHere/CategoryLoader.js
+++ b/src/Gallery/insertYourLoaderHere/CategoryLoader.js
@@ -1,8 +1,8 @@
-import React from "react"
-import ContentLoader from "react-content-loader"
+import React from 'react'
+import ContentLoader from 'react-content-loader'
 
-const CategoryLoader = (props) => (
-  <ContentLoader 
+const CategoryLoader = props => (
+  <ContentLoader
     speed={2}
     width={700}
     height={300}
@@ -11,23 +11,23 @@ const CategoryLoader = (props) => (
     foregroundColor="#dbdbdb"
     {...props}
   >
-    <rect x="12" y="35" rx="0" ry="0" width="6" height="246" /> 
-    <rect x="14" y="34" rx="0" ry="0" width="408" height="6" /> 
-    <rect x="416" y="34" rx="0" ry="0" width="6" height="246" /> 
-    <rect x="12" y="276" rx="0" ry="0" width="408" height="6" /> 
-    <rect x="150" y="53" rx="6" ry="6" width="127" height="15" /> 
-    <rect x="37" y="77" rx="7" ry="7" width="361" height="139" /> 
-    <rect x="58" y="225" rx="0" ry="0" width="316" height="8" /> 
-    <rect x="86" y="238" rx="0" ry="0" width="267" height="8" /> 
+    <rect x="12" y="35" rx="0" ry="0" width="6" height="246" />
+    <rect x="14" y="34" rx="0" ry="0" width="408" height="6" />
+    <rect x="416" y="34" rx="0" ry="0" width="6" height="246" />
+    <rect x="12" y="276" rx="0" ry="0" width="408" height="6" />
+    <rect x="150" y="53" rx="6" ry="6" width="127" height="15" />
+    <rect x="37" y="77" rx="7" ry="7" width="361" height="139" />
+    <rect x="58" y="225" rx="0" ry="0" width="316" height="8" />
+    <rect x="86" y="238" rx="0" ry="0" width="267" height="8" />
     <rect x="58" y="252" rx="0" ry="0" width="316" height="8" />
   </ContentLoader>
 )
 
 CategoryLoader.metadata = {
-  name: "Nitish Sharma", 
-  github: "Nitz2611", 
-  description: "Category with image and description", 
-  filename: "CategoryLoader" 
+  name: 'Nitish Sharma',
+  github: 'Nitz2611',
+  description: 'Category with image and description',
+  filename: 'CategoryLoader',
 }
 
 export default CategoryLoader
diff --git a/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js
new file mode 100644
index 0000000..4b685a2
--- /dev/null
+++ b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import ContentLoader from 'react-content-loader'
+
+const ShopifyAdminLoader = props => {
+  return (
+    <ContentLoader
+      speed={2}
+      width={600}
+      height={320}
+      viewBox="0 0 600 320"
+      {...props}
+    >
+      <rect x="31" y="19" rx="7" ry="7" width="132" height="30" />
+      <rect x="412" y="21" rx="5" ry="5" width="127" height="29" />
+      <rect x="34" y="199" rx="5" ry="5" width="127" height="29" />
+      <rect x="33" y="122" rx="5" ry="5" width="512" height="13" />
+      <rect x="33" y="144" rx="5" ry="5" width="465" height="12" />
+      <rect x="32" y="102" rx="5" ry="5" width="512" height="13" />
+      <rect x="33" y="242" rx="5" ry="5" width="512" height="13" />
+      <rect x="34" y="265" rx="5" ry="5" width="512" height="13" />
+      <rect x="34" y="287" rx="5" ry="5" width="465" height="12" />
+    </ContentLoader>
+  )
+}
+
+ShopifyAdminLoader.metadata = {
+  name: 'Fayed Ishtar Chowdhury',
+  github: 'esterified',
+  description: 'A simple skeleton for grid skeleton similar to Shopify Admin',
+  filename: 'ShopifyAdminLoader',
+}
+
+export default ShopifyAdminLoader
diff --git a/src/Gallery/insertYourLoaderHere/ShoppingLoader.js b/src/Gallery/insertYourLoaderHere/ShoppingLoader.js
index 5fce0d4..68533f4 100644
--- a/src/Gallery/insertYourLoaderHere/ShoppingLoader.js
+++ b/src/Gallery/insertYourLoaderHere/ShoppingLoader.js
@@ -1,33 +1,33 @@
-import React from "react"
-import ContentLoader from "react-content-loader"
+import React from 'react'
+import ContentLoader from 'react-content-loader'
 
 const ShoppingLoader = props => {
   return (
     <ContentLoader
       speed={2}
-    width={700}
-    height={300}
-    viewBox="0 0 700 300"
-    backgroundColor="#f3e7e7"
-    foregroundColor="#c7cdea"
-    {...props}
-  >
-    <rect x="12" y="35" rx="0" ry="0" width="6" height="246" /> 
-    <rect x="14" y="34" rx="0" ry="0" width="408" height="6" /> 
-    <rect x="416" y="34" rx="0" ry="0" width="6" height="246" /> 
-    <rect x="12" y="276" rx="0" ry="0" width="408" height="6" /> 
-    <rect x="36" y="67" rx="0" ry="0" width="151" height="137" /> 
-    <rect x="37" y="211" rx="0" ry="0" width="47" height="36" /> 
-    <rect x="87" y="211" rx="0" ry="0" width="47" height="36" /> 
-    <rect x="138" y="211" rx="0" ry="0" width="47" height="36" /> 
-    <circle cx="234" cy="96" r="28" /> 
-    <rect x="278" y="79" rx="0" ry="0" width="124" height="9" /> 
-    <rect x="279" y="99" rx="0" ry="0" width="125" height="8" /> 
-    <rect x="222" y="140" rx="0" ry="0" width="188" height="11" /> 
-    <rect x="222" y="167" rx="0" ry="0" width="188" height="11" /> 
-    <rect x="218" y="207" rx="0" ry="0" width="69" height="28" /> 
-    <rect x="298" y="208" rx="0" ry="0" width="71" height="27" /> 
-    <circle cx="392" cy="221" r="14" />
+      width={700}
+      height={300}
+      viewBox="0 0 700 300"
+      backgroundColor="#f3e7e7"
+      foregroundColor="#c7cdea"
+      {...props}
+    >
+      <rect x="12" y="35" rx="0" ry="0" width="6" height="246" />
+      <rect x="14" y="34" rx="0" ry="0" width="408" height="6" />
+      <rect x="416" y="34" rx="0" ry="0" width="6" height="246" />
+      <rect x="12" y="276" rx="0" ry="0" width="408" height="6" />
+      <rect x="36" y="67" rx="0" ry="0" width="151" height="137" />
+      <rect x="37" y="211" rx="0" ry="0" width="47" height="36" />
+      <rect x="87" y="211" rx="0" ry="0" width="47" height="36" />
+      <rect x="138" y="211" rx="0" ry="0" width="47" height="36" />
+      <circle cx="234" cy="96" r="28" />
+      <rect x="278" y="79" rx="0" ry="0" width="124" height="9" />
+      <rect x="279" y="99" rx="0" ry="0" width="125" height="8" />
+      <rect x="222" y="140" rx="0" ry="0" width="188" height="11" />
+      <rect x="222" y="167" rx="0" ry="0" width="188" height="11" />
+      <rect x="218" y="207" rx="0" ry="0" width="69" height="28" />
+      <rect x="298" y="208" rx="0" ry="0" width="71" height="27" />
+      <circle cx="392" cy="221" r="14" />
     </ContentLoader>
   )
 }
@@ -36,7 +36,7 @@ ShoppingLoader.metadata = {
   name: 'Nitish sharma',
   github: 'Nitz2611',
   description: 'A loading skeleton for shopping website',
-  filename:'ShoppingLoader' 
+  filename: 'ShoppingLoader',
 }
 
 export default ShoppingLoader
diff --git a/src/Gallery/insertYourLoaderHere/Twitter.js b/src/Gallery/insertYourLoaderHere/Twitter.js
index ca1941d..f4c7ef2 100644
--- a/src/Gallery/insertYourLoaderHere/Twitter.js
+++ b/src/Gallery/insertYourLoaderHere/Twitter.js
@@ -1,8 +1,8 @@
-import React from "react"
-import ContentLoader from "react-content-loader"
+import React from 'react'
+import ContentLoader from 'react-content-loader'
 
-const Twitter = (props) => (
-  <ContentLoader 
+const Twitter = props => (
+  <ContentLoader
     speed={2}
     width={476}
     height={340}
@@ -11,11 +11,11 @@ const Twitter = (props) => (
     foregroundColor="#ecebeb"
     {...props}
   >
-    <rect x="48" y="5" rx="3" ry="3" width="110" height="8" /> 
-    <rect x="48" y="28" rx="3" ry="3" width="410" height="6" /> 
-    <rect x="48" y="48" rx="3" ry="3" width="380" height="6" /> 
-    <rect x="48" y="68" rx="3" ry="3" width="178" height="6" /> 
-    <circle cx="20" cy="20" r="20" /> 
+    <rect x="48" y="5" rx="3" ry="3" width="110" height="8" />
+    <rect x="48" y="28" rx="3" ry="3" width="410" height="6" />
+    <rect x="48" y="48" rx="3" ry="3" width="380" height="6" />
+    <rect x="48" y="68" rx="3" ry="3" width="178" height="6" />
+    <circle cx="20" cy="20" r="20" />
     <rect x="48" y="98" rx="24" ry="24" width="423" height="230" />
   </ContentLoader>
 )
@@ -28,4 +28,3 @@ Twitter.metadata = {
 }
 
 export default Twitter
-
diff --git a/src/Gallery/insertYourLoaderHere/index.js b/src/Gallery/insertYourLoaderHere/index.js
index 6ce7eb9..f77c058 100644
--- a/src/Gallery/insertYourLoaderHere/index.js
+++ b/src/Gallery/insertYourLoaderHere/index.js
@@ -13,6 +13,7 @@ export { default as CardList } from './CardList'
 export { default as CustomerTestimonial } from './CustomerTestimonial'
 export { default as ImageGrid } from './ImageGrid'
 export { default as DataTable } from './DataTable'
+export { default as ShopifyAdminLoader } from './ShopifyAdminLoader'
 export { default as ShoppingLoader } from './ShoppingLoader'
 export { default as NotificationLoader } from './NotificationLoader'
 export { default as EventsLoader } from './EventsLoader'
@@ -81,4 +82,3 @@ export { default as CheckboxList } from './CheckboxList'
 export { default as ImageUpload } from './ImageUpload'
 export { default as HeaderLoader } from './HeaderLoader'
 export { default as Twitter } from './Twitter'
-