diff --git a/src/builtin-components/Page/Page.sass b/src/builtin-components/Page/Page.sass
new file mode 100644
index 0000000..9c18c92
--- /dev/null
+++ b/src/builtin-components/Page/Page.sass
@@ -0,0 +1,12 @@
+.page
+  margin: 2rem
+  // width: 100vw
+
+.page-column
+  display: flex
+  flex-direction: column
+  flex-wrap: wrap
+  justify-content: center
+  align-items: center
+  align-content: center
+  margin: 2rem
diff --git a/src/builtin-components/Page/Page.tsx b/src/builtin-components/Page/Page.tsx
new file mode 100644
index 0000000..1701d27
--- /dev/null
+++ b/src/builtin-components/Page/Page.tsx
@@ -0,0 +1,20 @@
+import './Page.sass'
+import { Show } from 'solid-js'
+
+interface Props {
+  children?: any
+  column?: boolean
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <Show when={props.column}>
+        <main class="page-column">{props.children}</main>
+      </Show>
+      <Show when={!props.column}>
+        <main class="page">{props.children}</main>
+      </Show>
+    </>
+  )
+}