Login

Two-Column Login Page

Two-column login page: a display-type heading, email and password fields, a GitHub button and sign-up link on one side, a rounded OrbitalLimbScene figure on the other. Validated with zod.

The source comes with full access.

One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.

Installation

pnpm dlx shadcn add @01orbital/login-page-01
npx shadcn add @01orbital/login-page-01
yarn shadcn add @01orbital/login-page-01
bunx --bun shadcn add @01orbital/login-page-01

Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).

It lands at components/blocks/login/login-page-01/index.tsx, as source you own and edit.

Usage

import LoginPage01 from "@/components/blocks/login/login-page-01"

export default function Example() {
  return <LoginPage01 />
}

Dependencies

npm: @hookform/resolvers, react-hook-form, zod. The CLI installs them for you.

Registry pieces it installs with it:

  • button
  • field
  • font-hanken-grotesk
  • input
  • orbital-limb-scene