diff --git a/packages/mdxui/src/layouts/Onboard.tsx b/packages/mdxui/src/layouts/Onboard.tsx
new file mode 100644
index 0000000..8de7db0
--- /dev/null
+++ b/packages/mdxui/src/layouts/Onboard.tsx
@@ -0,0 +1,15 @@
+'use client'
+
+import { ReactNode } from 'react'
+
+interface OnboardLayoutProps {
+  children: ReactNode
+}
+
+export const OnboardLayout = ({ children }: OnboardLayoutProps) => {
+  return (
+    <div className='onboard-layout'>
+      <div className='onboard-steps-container'>{children}</div>
+    </div>
+  )
+}