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
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/login-08Dependencies 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 />
}