From 14a718049f5b7452015bd9e0aadcd0014f4d9118 Mon Sep 17 00:00:00 2001
From: Kartik <dhimankartik69@gmail.com>
Date: Thu, 22 May 2025 14:00:36 +0530
Subject: [PATCH] My First Open Source Contribution

---
 README.md | 58 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/README.md b/README.md
index 64af965..fb7744c 100644
--- a/README.md
+++ b/README.md
@@ -37,31 +37,39 @@ Add your loading code in the gallery following the steps bellow and help the com
 #### Boilerplate
 
 ```jsx
-import React from 'react'
-import ContentLoader from 'react-content-loader'
-
-const __NAME_OF_LOADER__ = props => {
-  return (
-    <ContentLoader
-      height={40}
-      width={1060}
-      backgroundColor="#d9d9d9"
-      foregroundColor="#ecebeb"
-      {...props}
-    >
-      // your loader
-    </ContentLoader>
-  )
-}
-
-__NAME_OF_LOADER__.metadata = {
-  name: '__REPLACE_ME__', // My name
-  github: '__REPLACE_ME__', // Github username
-  description: '__REPLACE_ME__', // Little tagline
-  filename: '__REPLACE_ME__', // filename of your loader
-}
-
-export default __NAME_OF_LOADER__
+import React from "react";
+import ContentLoader from "react-content-loader";
+
+const MyLoader = (props) => (
+  <ContentLoader
+    rtl
+    speed={1}
+    width={400}
+    height={150}
+    viewBox="0 0 400 150"
+    backgroundColor="#c0c0c0"
+    foregroundColor="#0080ff"
+    {...props}
+  >
+    <circle cx="10" cy="20" r="8" />
+    <rect x="25" y="15" rx="5" ry="5" width="220" height="10" />
+    <circle cx="10" cy="50" r="8" />
+    <rect x="25" y="45" rx="5" ry="5" width="220" height="10" />
+    <circle cx="10" cy="80" r="8" />
+    <rect x="25" y="75" rx="5" ry="5" width="220" height="10" />
+    <circle cx="10" cy="110" r="8" />
+    <rect x="25" y="105" rx="5" ry="5" width="220" height="10" />
+  </ContentLoader>
+);
+Unique.metadata = {
+  name: "Kartik Dhiman", // My name
+  github: "KDhiman123", // Github username
+  description: " Unique Loader Style", // Loader description
+  filename: "Unique", // filename of your loader
+};
+
+export default Unique;
+
 ```
 
 ---