Login 8 - Card with remember me, forgot link and SSO optionPro

A classic sign-in card with email and password, a remember-me checkbox, a forgot-password link and a secondary button that switches the card into single sign-on mode asking for a company domain. Use it for business apps that support both password and enterprise SSO sign-in.

About Login 8

A classic sign-in card with email and password, a remember-me checkbox, a forgot-password link and a secondary button that switches the card into single sign-on mode asking for a company domain. Use it for business apps that support both password and enterprise SSO sign-in.

Login 8 is a pro login block for React, built on shadcn/ui and Tailwind CSS. It ships as 116 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • login
  • sign in
  • card
  • remember me
  • sso
  • forgot password
  • enterprise

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/login-08

Dependencies installed automatically: lucide-react.

Uses: button, card, checkbox, input, label, reveal, utils.

Usage

import Login08 from "@/components/blocks/login-08"

export default function Page() {
  return <Login08 />
}

FAQ