diff --git a/components/Loader.tsx b/components/Loader.tsx
new file mode 100644
index 0000000..d1bb5fc
--- /dev/null
+++ b/components/Loader.tsx
@@ -0,0 +1,14 @@
+const Loader = ({ text, visible=true }:LoaderProps):JSX.Element => {
+	return <div className={`${visible ? '' : 'hidden '}w-full h-full fixed block top-0 left-0 bg-gray-500 bg-opacity-75 z-50 dark:text-black`}>
+		<h1 className='text-2xl font-semibold opacity-100 top-1/2 my-0 mx-auto block relative text-center'>
+			{ text }
+		</h1>
+	</div>
+}
+
+interface LoaderProps {
+  text: string
+  visible?: boolean
+}
+
+export default Loader
\ No newline at end of file