diff --git a/src/components/washing-machine.tsx b/src/components/washing-machine.tsx
new file mode 100644
index 0000000..b0d9662
--- /dev/null
+++ b/src/components/washing-machine.tsx
@@ -0,0 +1,18 @@
+import { Component } from "solid-js";
+
+const WashingMachine: Component = () => {
+  return (
+    <>
+      {/* TODO: use actual washing machine image */}
+      <div class="h-100 w-75 bg-white absolute">
+        {/* TODO: use profile picture */}
+        <div class="w-50 h-50 rounded-full motion-safe:animate-[spin_2s_linear_infinite] overflow-hidden relative top-30 left-12.5">
+          <div class="w-50 h-25 bg-neutral-400"></div>
+          <div class="w-50 h-25 bg-neutral-900"></div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default WashingMachine;
diff --git a/src/views/wash.tsx b/src/views/wash.tsx
index 0839148..14df3e5 100644
--- a/src/views/wash.tsx
+++ b/src/views/wash.tsx
@@ -1,13 +1,15 @@
 // @ts-types="solid-js"
 import { Component } from "solid-js";
 import { useParams } from "@solidjs/router";
+import WashingMachine from "../components/washing-machine.tsx";
 
 const Wash: Component = () => {
   const params = useParams();
 
   return (
     <div>
-      <p>Washing {params.handle} :3</p>
+      <h2 class="pb-5">Washing {params.handle} :3</h2>
+      <WashingMachine />
     </div>
   );
 };