diff --git a/src/Gallery/insertYourLoaderHere/CategoryLoader.js b/src/Gallery/insertYourLoaderHere/CategoryLoader.js
new file mode 100644
index 0000000..afd6337
--- /dev/null
+++ b/src/Gallery/insertYourLoaderHere/CategoryLoader.js
@@ -0,0 +1,33 @@
+import React from "react"
+import ContentLoader from "react-content-loader"
+
+const CategoryLoader = (props) => (
+  <ContentLoader 
+    speed={2}
+    width={700}
+    height={300}
+    viewBox="0 0 700 300"
+    backgroundColor="#f5f5f5"
+    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="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" 
+}
+
+export default CategoryLoader
diff --git a/src/Gallery/insertYourLoaderHere/index.js b/src/Gallery/insertYourLoaderHere/index.js
index 413f51a..05554c3 100644
--- a/src/Gallery/insertYourLoaderHere/index.js
+++ b/src/Gallery/insertYourLoaderHere/index.js
@@ -3,6 +3,7 @@ export { default as TaskList } from './TaskList'
 export { default as RepeatableTableRows } from './RepeatableTableRows'
 export { default as GlobalSidebar } from './GlobalSidebar'
 export { default as HeadBodyGrid } from './HeadBodyGrid'
+export { default as CategoryLoader } from './CategoryLoader'
 export { default as ResponsiveArticle } from './ResponsiveArticle'
 export { default as BootstrapCardDataTable } from './BootstrapCardDataTable'
 export { default as HackerNewsLoader } from './HackerNewsLoader'
@@ -79,3 +80,4 @@ export { default as CheckboxList } from './CheckboxList'
 export { default as ImageUpload } from './ImageUpload'
 export { default as HeaderLoader } from './HeaderLoader'
 export { default as Twitter } from './Twitter'
+