diff --git a/src/App.js b/src/App.js
index 0e94f45..f22d6da 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,7 +3,7 @@ import { OrbitControls } from "@react-three/drei";
 import { Canvas } from "@react-three/fiber";
 import { Suspense } from "react";
 import { LinearToneMapping } from "three";
-import { Scene } from "./components";
+import { InfoPanel, Scene } from "./components";
 
 function App() {
   return (
@@ -29,6 +29,7 @@ function App() {
           <OrbitControls />
         </Suspense>
       </Canvas>
+      <InfoPanel />
     </div>
   );
 }
diff --git a/src/components/InfoPanel.jsx b/src/components/InfoPanel.jsx
new file mode 100644
index 0000000..39e725e
--- /dev/null
+++ b/src/components/InfoPanel.jsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+export const InfoPanel = () => {
+  return (
+    <div
+      style={{
+        position: "absolute",
+        zIndex: "1000",
+        top: 0,
+        left: 0,
+        fontFamily: "sans-serif",
+        padding: "10px",
+        width: "200px",
+      }}
+    >
+      Use panel on right top corner to customize the Lego Bricks Properties
+    </div>
+  );
+};
diff --git a/src/components/index.js b/src/components/index.js
index cef4433..49b3729 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -4,3 +4,4 @@ export * from "./Brick";
 export * from "./BrickCursor";
 export * from "./Lights";
 export * from "./Workspace";
+export * from "./InfoPanel";