diff --git a/src/plugins/index.js b/src/plugins/index.js
index e3ce637..5b784c3 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -1,6 +1,9 @@
 import Warning from "./warning";
 import Manual from "./manual";
+import Temperature from "./temperature";
+
 export default {
 	warning: Warning,
-	manual: Manual
+	manual: Manual,
+	temperature: Temperature
 };
diff --git a/src/plugins/temperature.js b/src/plugins/temperature.js
new file mode 100644
index 0000000..963d217
--- /dev/null
+++ b/src/plugins/temperature.js
@@ -0,0 +1,23 @@
+import React from "react";
+import PropTypes from "prop-types";
+import GenericPageWithIcon from "./GenericPageWithIcon";
+import { Sun } from "grommet-icons";
+
+function Temperature(props) {
+	return (
+		<GenericPageWithIcon
+			title={props.data.temperature}
+			description={`The current temperature outside is ${props.data.temperature}℃`}
+			icon={<Sun color="plain" size="xlarge" />}
+			close={props.close}
+		/>);
+}
+
+Temperature.propTypes = {
+	data: PropTypes.object,
+	close: PropTypes.func
+};
+
+Temperature.pluginName = "Temperature";
+
+export default Temperature;