diff --git a/Cargo.lock b/Cargo.lock
index 4ed096e..6cf9288 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -5475,6 +5475,16 @@ version = "0.9.5"
source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+[[package]]
+name = "visions-client"
+version = "0.1.0"
+dependencies = [
+ "gloo-net 0.6.0",
+ "serde 1.0.217",
+ "wasm-bindgen-futures",
+ "yew",
+]
+
[[package]]
name = "wait-timeout"
version = "0.2.0"
diff --git a/Cargo.toml b/Cargo.toml
index 2b56347..4ee55fd 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -33,4 +33,4 @@ members = [
"tree",
"visions/server",
"gm-dash/server"
-, "visions/yew-app"]
+, "visions/yew-app", "visions/ui"]
diff --git a/visions/ui/Cargo.toml b/visions/ui/Cargo.toml
new file mode 100644
index 0000000..35c0c2c
--- /dev/null
+++ b/visions/ui/Cargo.toml
@@ -0,0 +1,11 @@
+[package]
+name = "visions-client"
+version = "0.1.0"
+edition = "2021"
+
+[dependencies]
+gloo-net = "0.6.0"
+serde = { version = "1.0.217", features = ["derive"] }
+wasm-bindgen-futures = "0.4.50"
+yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }
+
diff --git a/visions/ui/design.css b/visions/ui/design.css
new file mode 100644
index 0000000..bf15d82
--- /dev/null
+++ b/visions/ui/design.css
@@ -0,0 +1,36 @@
+:root {
+ --spacing-s: 4px;
+ --spacing-m: 8px;
+ --shadow-shallow: 2px 2px 1px;
+}
+
+body {
+ background-color: hsl(0, 0%, 95%);
+ font-family: Ariel, sans-serif;
+}
+
+.card {
+ display: flex;
+ flex-direction: column;
+ align-items: space-between;
+ border: 1px solid black;
+ box-shadow: var(--shadow-shallow);
+ border-radius: var(--spacing-s);
+ padding: var(--spacing-m);
+}
+
+.card > h1 {
+ margin: 0px;
+}
+
+.card > * {
+ margin-top: var(--spacing-s);
+ margin-bottom: var(--spacing-s);
+}
+
+.login-form {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+}
diff --git a/visions/ui/index.html b/visions/ui/index.html
new file mode 100644
index 0000000..f5cb26c
--- /dev/null
+++ b/visions/ui/index.html
@@ -0,0 +1,9 @@
+
+
+
+
+ Visions Client Demo
+
+
+
+
diff --git a/visions/ui/src/main.rs b/visions/ui/src/main.rs
new file mode 100644
index 0000000..a5b91c4
--- /dev/null
+++ b/visions/ui/src/main.rs
@@ -0,0 +1,25 @@
+use yew::prelude::*;
+
+#[function_component]
+fn Login() -> Html {
+ html! {
+
+ }
+}
+
+#[function_component]
+fn App() -> Html {
+ html! {
+
+ }
+}
+
+fn main() {
+ yew::Renderer::::new().render();
+}