diff --git a/src/plugins/index.js b/src/plugins/index.js
index 1d42fc9..60bfbd7 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -1,8 +1,10 @@
 import Mpd from "./mpd";
 import Weather from "./weather";
 import Warning from "./warning";
+import Manual from "./manual";
 export default {
 	mpd: Mpd,
 	weather: Weather,
 	warning: Warning,
+	manual: Manual
 };
diff --git a/src/plugins/manual.js b/src/plugins/manual.js
new file mode 100644
index 0000000..460a31e
--- /dev/null
+++ b/src/plugins/manual.js
@@ -0,0 +1,23 @@
+import React from "react";
+import PropTypes from "prop-types";
+import GenericPageWithIcon from "./GenericPageWithIcon";
+import { StatusInfo } from "grommet-icons";
+
+function Manual(props) {
+	return (
+		<GenericPageWithIcon
+			title={props.data.title}
+			description={props.data.description}
+			icon={<StatusInfo color="plain" size="xlarge" />}
+			close={props.close}
+		/>);
+}
+
+Manual.propTypes = {
+	data: PropTypes.object,
+	close: PropTypes.func
+};
+
+Manual.pluginName = "Manual";
+
+export default Manual;
diff --git a/src/plugins/warning.js b/src/plugins/warning.js
index 84014cf..cf466f5 100644
--- a/src/plugins/warning.js
+++ b/src/plugins/warning.js
@@ -9,6 +9,7 @@ function Warning(props) {
 			title={props.data.title}
 			description={props.data.description}
 			icon={<Alert color="#D0C100" size="xlarge" />}
+			close={props.close}
 		/>);
 }