diff --git a/blog/2024-08-07-opencost-plugin/index.md b/blog/2024-08-07-opencost-plugin/index.md
new file mode 100644
index 0000000..9c59ee0
--- /dev/null
+++ b/blog/2024-08-07-opencost-plugin/index.md
@@ -0,0 +1,80 @@
+---
+authors: ["santhosh-nagaraj"]
+description: "Streamlining Kubernetes Cost Management with the New OpenCost Plugin for Headlamp "
+tags: ["kubernetes", "ui", "headlamp", "plugins", "opencost", "cost"]
+title: "Streamlining Kubernetes Cost Management with the New OpenCost Plugin for Headlamp "
+image: ./splash.jpg
+---
+
+[OpenCost](https://www.opencost.io/) is one of CNCF's leading open-source projects that offers real-time native cost monitoring for Kubernetes environments, providing visibility to developers and companies on the costs linked to their cloud-native applications. With OpenCost, one can trace the costs of single workloads, namespaces, and even particular labels in your Kubernetes cluster. The continuous granular cost visibility that OpenCost provides help in effectual usage of resources and better budgeting.
+
+
+
+Given how useful OpenCost is, we created a [Headlamp](https://headlamp.dev/) plugin for OpenCost to help Headlamp users track their cluster resource costs. This integration aims to solve the visibility problem between cost and cluster management, enabling developers to make more informed decisions.
+
+:::note
+OpenCost must be installed with Prometheus metrics export, for the OpenCost plugin to display the data.
+:::
+
+Here is a quick video explaining the whole process:
+
+
+
+## Installing OpenCost in the cluster
+
+If you don’t have Prometheus and OpenCost installed in your cluster and you are using Headlamp as a desktop app, you can use the App Catalog to install them. This can be done by accessing the Apps from the sidebar, after you enter your cluster in Headlamp, look for the Prometheus app that is distributed by the prometheus-community, click install and follow the instructions.
+
+
+
+Alternatively, you can install it by running the following commands.
+
+```bash
+helm repo add prometheus-community https://prometheus-community.github.io/helm-charts
+helm install prom prometheus-community/kube-prometheus-stack
+```
+
+Installing OpenCost:
+
+```yaml
+opencost:
+ prometheus:
+ internal:
+ enabled: true
+ namespaceName:
+ port: 9090
+ serviceName:
+```
+
+:::note
+Replace `` and `` with the namespace in which you have installed prometheus and prometheus service name.
+:::
+
+## Installing KubeCost plugin from the plugin Catalog
+
+1. In Headlamp’s home screen click on Plugin Catalog > Catalog.
+2. Click the OpenCost plugin from the list of plugins that are displayed.
+3. Click the Install button on the top right.
+
+
+
+
+
+
+
+## Visualizing OpenCost information
+
+After OpenCost is correctly installed and configured, its information will appear integrated in various parts of the Headlamp UI, for example, tables listing resources in the workload related views (pods, deployments, etc.) will now show a column with the cost of running that resource.
+
+
+
+Similarly, at the bottom of the details view of each individal resource, there will be a chart showing the resource’s cost over time.
+
+
+
+## Configuring how data is displayed
+
+OpenCost's settings (under Settings > Plugins > OpenCost) provide options to adjust how the data is shown in the UI, ie. what currency symbol to be used, or timespan for which the cost has to be displayed. This way, users can easily adapt how OpenCost is displayed for them.
+
+## Conclusion
+
+We believe this plugin is useful for many users who want to keep their costs monitored close to their Kubernetes resources. We are looking forward to receiving feedback and contributions on how we can make the UI even more useful with OpenCost and other CNCF tools, so reach out to us and get involved in Headlamp!
diff --git a/blog/2024-08-07-opencost-plugin/opencost-chart-in-headlamp.png b/blog/2024-08-07-opencost-plugin/opencost-chart-in-headlamp.png
new file mode 100755
index 0000000..5dc24c9
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/opencost-chart-in-headlamp.png differ
diff --git a/blog/2024-08-07-opencost-plugin/opencost-in-headlamp.png b/blog/2024-08-07-opencost-plugin/opencost-in-headlamp.png
new file mode 100644
index 0000000..2b40bf4
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/opencost-in-headlamp.png differ
diff --git a/blog/2024-08-07-opencost-plugin/opencost-plugin-details.png b/blog/2024-08-07-opencost-plugin/opencost-plugin-details.png
new file mode 100755
index 0000000..01e2b5b
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/opencost-plugin-details.png differ
diff --git a/blog/2024-08-07-opencost-plugin/opencost-plugin-installation.png b/blog/2024-08-07-opencost-plugin/opencost-plugin-installation.png
new file mode 100755
index 0000000..ec0f5a3
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/opencost-plugin-installation.png differ
diff --git a/blog/2024-08-07-opencost-plugin/opencost-plugin-installed.png b/blog/2024-08-07-opencost-plugin/opencost-plugin-installed.png
new file mode 100755
index 0000000..7937d8b
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/opencost-plugin-installed.png differ
diff --git a/blog/2024-08-07-opencost-plugin/prometheus-helm-chart.png b/blog/2024-08-07-opencost-plugin/prometheus-helm-chart.png
new file mode 100755
index 0000000..adf75ed
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/prometheus-helm-chart.png differ
diff --git a/blog/2024-08-07-opencost-plugin/splash.jpg b/blog/2024-08-07-opencost-plugin/splash.jpg
new file mode 100755
index 0000000..44b73a8
Binary files /dev/null and b/blog/2024-08-07-opencost-plugin/splash.jpg differ