diff --git a/packages/shared/components/src/Box.tsx b/packages/shared/components/src/Box.tsx
new file mode 100644
index 0000000..b8e6d17
--- /dev/null
+++ b/packages/shared/components/src/Box.tsx
@@ -0,0 +1,5 @@
+import { favolink } from '@favolink/system';
+
+const Box = favolink('div');
+
+export default Box;
diff --git a/packages/shared/components/src/index.tsx b/packages/shared/components/src/index.tsx
index 22373c0..29690c5 100644
--- a/packages/shared/components/src/index.tsx
+++ b/packages/shared/components/src/index.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @stylistic/padding-line-between-statements, react-refresh/only-export-components */
 export * from '@favolink/hooks';
 export * from '@favolink/system';
+export { default as Box } from './Box';
 export { default as Button } from './Button';
 export { default as Heading } from './Heading';
 export { default as Modal } from './Modal';