diff --git a/snippets.json b/snippets.json
new file mode 100644
index 0000000..0ebff45
--- /dev/null
+++ b/snippets.json
@@ -0,0 +1,107 @@
+[
+  {
+    "name": "Cart Item",
+    "codepen-link": "https://codepen.io/deveesh_shetty_12/pen/rNKXvKm",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/9b12a923-f70a-411e-8964-0273e507576a",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/Cart%20Item",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Social Login",
+    "codepen-link": "https://codepen.io/pen/KKejzVy",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/18d4af5d-459e-4b45-8c51-aa253ff88da9",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Social%20Login",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Counter using Closure",
+    "codepen-link": "https://codepen.io/pen/vYVjLqx",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/eefb6819-f21e-4b6b-8bcd-3a08368bcd51",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Counter",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Accordion",
+    "codepen-link": "https://codepen.io/pen/YzJLEbb",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/8417ccd9-8363-4d3f-920b-1b7013ba1158",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Accordion",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "3D Cube",
+    "codepen-link": "https://codepen.io/pen/mdzKEQg",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/07cf6fab-5941-44fa-8964-dc73175239a4",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/3D%20Cube",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Festival Lighting",
+    "codepen-link": "https://codepen.io/pen/NWOzdvK",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/477cc242-4b77-4e50-bcd7-d64cfce2ed34",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Festival%20Lighting",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Indian Flag",
+    "codepen-link": "https://codepen.io/pen/xxyzqVa",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/68843a36-a400-4e48-8907-435e68d8cdc0",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Indian%20Flag",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Image Carousel I",
+    "codepen-link": "https://codepen.io/pen/gOBKRNV",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/5fc52924-7403-4178-a7ab-fc796cfab567",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Carousel%20I",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Image Carousel II",
+    "codepen-link": "https://codepen.io/pen/bGmjbVo",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/a8ef65b5-873c-4365-b4be-485bae463e87",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Carousel%20II",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Color Wheel",
+    "codepen-link": "https://codepen.io/pen/GRYXvKw",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/b4a4bc20-d43b-4bc0-b86d-ae89ae84ff42",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Color%20Wheel",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Video Player",
+    "codepen-link": "https://codepen.io/ahmedelmsery/pen/zYmmxNw",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/4fa44080-b6cf-4a5a-b0eb-53012b1e39a7",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Video%20Player",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Bar Chart",
+    "codepen-link": "https://codepen.io/ahmedelmsery/pen/vYVQGLP",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/700f6a4f-b376-42cd-89fb-d40ace55acea",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Chart/BarChart",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Loading Page",
+    "codepen-link": "https://codepen.io/ahmedelmsery/pen/zZVLMN",
+    "image-link": "https://res.cloudinary.com/duwcigilo/image/upload/v1684336253/Loading_image_ig5hh7.jpg",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Loading%20Page",
+    "author": "CHAITHANYA K S S"
+  },
+  {
+    "name": "Session Graph",
+    "codepen-link": "https://codepen.io/ahmedelmsery/pen/qBQdZeJ",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/61b32539-f2d0-4c29-800f-03657d5af192",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Session%20Graph",
+    "author": "Deveesh-Shetty"
+  },
+  {
+    "name": "Flipcard",
+    "codepen-link": "https://codepen.io/VoiD_Z/pen/KKbBQxy",
+    "image-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/assets/89470104/61b32539-f2d0-4c29-800f-03657d5af192",
+    "folder-link": "https://github.com/Deveesh-Shetty/CSS-Is-Fun/tree/master/UI%20Snippets/Session%20Graph",
+    "author": "Meet Thakur"
+  }
+]