diff --git a/README.md b/README.md
index cb41af5..5e1a2ee 100644
--- a/README.md
+++ b/README.md
@@ -33,3 +33,8 @@ pnpm install
```
pnpm update
```
+
+# To Use Background
+
+Place your background image in `assets/images/background.avif` or `assets/images/background.webp`.
+Then, enable by adding or
diff --git a/src/builtin-components/Background/Background.sass b/src/builtin-components/Background/Background.sass
new file mode 100644
index 0000000..1e0b5bc
--- /dev/null
+++ b/src/builtin-components/Background/Background.sass
@@ -0,0 +1 @@
+@use '/src/styles/classes.sass'
diff --git a/src/builtin-components/Background/Background.tsx b/src/builtin-components/Background/Background.tsx
new file mode 100644
index 0000000..40d93c7
--- /dev/null
+++ b/src/builtin-components/Background/Background.tsx
@@ -0,0 +1,27 @@
+import './Background.sass'
+import { Show } from 'solid-js'
+import backgroundAvif from '../../assets/images/background.avif'
+import backgroundWebp from '../../assets/images/background.webp'
+
+interface Props {
+ image?: boolean
+ color?: string
+}
+
+export default (props: Props) => {
+ return (
+ <>
+
+
+
+
+ 
+
+
+
+
+
+
+
+ )
+}