diff --git a/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md
new file mode 100644
index 0000000000..0581cd821a
--- /dev/null
+++ b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md	
@@ -0,0 +1,5 @@
+ExcelJS is a powerful JavaScript library for working with Excel spreadsheets. It allows developers to read, write, and manipulate Excel files programmatically, using a simple and intuitive API. 
+
+ExcelJS can also be used to build custom reports and dashboards within ServiceNow. By using ExcelJS to generate dynamic Excel spreadsheets, developers can create sophisticated reports that can be easily shared with other users. For example, a developer might build a custom dashboard that allows users to view real-time data on service requests, incidents, or other IT service management metrics.
+
+Reference: https://www.servicenow.com/community/developer-articles/custom-excel-export-or-import-in-client-side-using-exceljs/ta-p/2519012.
\ No newline at end of file
diff --git a/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html
new file mode 100644
index 0000000000..3c1a954f80
--- /dev/null
+++ b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html	
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
+<script src="https://unpkg.com/exceljs/dist/exceljs.min.js"></script>
+<button onclick="generateExcel()">Generate Excel</button>
+
+<script>
+function generateExcel() {
+    var workbook = new ExcelJS.Workbook();
+    var worksheet = workbook.addWorksheet('My Sheet');
+	
+	// Sample JSON data
+var jsonData = {
+  "employees": [
+    {
+      "name": "John Doe",
+      "age": 30,
+      "position": "Manager"
+    },
+    {
+      "name": "Jane Smith",
+      "age": 25,
+      "position": "Developer"
+    },
+    {
+      "name": "Bob Johnson",
+      "age": 45,
+      "position": "Salesperson"
+    }
+  ]
+};
+worksheet.addRow(['Name', 'Age', 'Position']);
+	jsonData.employees.forEach(function(employee) {
+  worksheet.addRow([employee.name, employee.age, employee.position]);
+});
+
+
+    // Set cell colors
+    worksheet.getCell('A1').font = {
+		color:{argb: 'FFFF0000'} // red
+    };
+    worksheet.getCell('B1').fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: {argb: 'FF00FF00'} // green
+    };
+    worksheet.getCell('C1').fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: {argb: 'FF0000FF'} // blue
+    };
+
+    // Generate Excel file and download it
+    workbook.xlsx.writeBuffer().then(function(buffer) {
+        var blob = new Blob([buffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
+        var url = URL.createObjectURL(blob);
+        var link = document.createElement('a');
+        link.href = url;
+        link.download = 'my_file.xlsx';
+        link.click();
+    });
+}
+</script>
+
+
+</j:jelly>
\ No newline at end of file