diff --git a/frontend/src/renderer/components/Notification.jsx b/frontend/src/renderer/components/Notification.jsx
new file mode 100644
index 0000000..7609b1d
--- /dev/null
+++ b/frontend/src/renderer/components/Notification.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { notification } from 'antd';
+
+const { success, error, warning, info } = notification;
+
+export const showSuccess = (message, description) => {
+  success({ message, description, placement: 'topRight' });
+};
+
+export const showError = (message, description) => {
+  error({ message, description, placement: 'topRight' });
+};
+
+export const showWarning = (message, description) => {
+  warning({ message, description, placement: 'topRight' });
+};
+
+export const showInfo = (message, description) => {
+  info({ message, description, placement: 'topRight' });
+};
+
+export default notification;