Beautiful UI Building Blocks

Building Blocks for the Web

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

Browse Blocks Documentation

Featured Landing Login Ecommerce art-gallery

Browse all blocks

A simple login form

Open in

app/login/page.tsx

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

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

A simple login form.