diff --git a/internal/views/login/login-form.templ b/internal/views/login/login-form.templ
new file mode 100644
index 0000000..020b8ac
--- /dev/null
+++ b/internal/views/login/login-form.templ
@@ -0,0 +1,40 @@
+package login
+
+templ LoginFormContent(params LoginFormParams) {
+	<label
+		x-init="lucide.createIcons()"
+		if params.ErrorMessage != "" {
+			data-field="error"
+		} else {
+			data-field
+		}
+	>
+		Handle
+		<input
+			id="handle"
+			name="handle"
+			type="text"
+			placeholder="username.bsky.social"
+			autocapitalize="none"
+			autocorrect="off"
+			autocomplete="username"
+			required
+			tabindex="1"
+			value={ params.Handle }
+			if params.ErrorMessage != "" {
+				aria-invalid="true"
+				aria-errormessage="error-message"
+			}
+		/>
+		if params.ErrorMessage != "" {
+			<div id="error-message" class="error" role="status">
+				{ params.ErrorMessage }
+			</div>
+		}
+	</label>
+	<input type="hidden" name="return_url" value={ params.ReturnUrl }/>
+	<button type="submit" id="login-button" tabindex="2">
+		<i class="w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" data-lucide="loader-circle"></i>
+		<span>Login</span>
+	</button>
+}
diff --git a/internal/views/login/login.go b/internal/views/login/login.go
new file mode 100644
index 0000000..a2ac72c
--- /dev/null
+++ b/internal/views/login/login.go
@@ -0,0 +1,12 @@
+package login
+
+type LoginPageParams struct {
+	ReturnUrl string
+	ErrorCode string
+}
+
+type LoginFormParams struct {
+	ReturnUrl    string
+	Handle       string
+	ErrorMessage string
+}
diff --git a/internal/views/login/login.templ b/internal/views/login/login.templ
new file mode 100644
index 0000000..29577e7
--- /dev/null
+++ b/internal/views/login/login.templ
@@ -0,0 +1,39 @@
+package login
+
+import "shelf.app/internal/layouts/base"
+
+templ LoginPage(params LoginPageParams) {
+	@layouts.Base(layouts.BaseParams{Title: "login"}) {
+		<div class="container">
+			<form
+				class="group"
+				hx-post="/login"
+				hx-swap="innerHTML"
+				hx-disabled-elt="#login-button"
+			>
+				@LoginFormContent(LoginFormParams{
+					ReturnUrl:    params.ReturnUrl,
+					Handle:       "",
+					ErrorMessage: "",
+				})
+			</form>
+			<div data-field="error">
+				if params.ErrorCode != "" {
+					<p class="error">
+						switch (params.ErrorCode) {
+							case "access_denied":
+								You have not authorized the app.
+							case "session":
+								Server failed to create user session.
+							case "handle":
+								Server failed to validate your handle.
+							default:
+								Internal Server error.
+						}
+						Please try again.
+					</p>
+				}
+			</div>
+		</div>
+	}
+}