UI Blocks That Just Work

Composed from my component library, these blocks include common layouts and patterns — ready to copy, tweak, and reuse across your apps. Built on top of shadcn/ui.

Browse Blocks

Featured Page Layout Login

A simple email-only login page

app/login/page.tsx

import { LoginForm } from "@/components/login-form"

export default function LoginPage() {
  return (
    <div className="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
      <div className="w-full max-w-sm">
        <LoginForm />
      </div>
    </div>
  )
}

A simple email-only login page.

Browse more blocks