Logins
Full authentication screens. From raw Ink & Acid style to glass and hardware aesthetics.
Ink & Acid Login
Functional login form with hard shadows, strict geometry, and saturated colors.
Sign In
Enter your credentials to continue.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Sign In" | Main title text |
| subtitle | string | "Enter your credentials to continue." | Subtitle text |
| emailLabel | string | "Email" | Label for email input |
| emailPlaceholder | string | "neo@factory.com" | Placeholder for email input |
| passwordLabel | string | "Password" | Label for password input |
Glassmorphism Login
Translucent glass form with reactive backgrounds and deep blur layers.
Welcome to
UI Factory
Enter your credentials to access the central design terminal.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| title | ReactNode | — | Main title element |
| subtitle | ReactNode | — | Subtitle description |
| emailPlaceholder | string | — | Placeholder for email input |
| passwordPlaceholder | string | — | Placeholder for password input |
| submitTextLogin | string | "Log In" | Submit text for login |
Hardware Login
Inspired by industrial machinery and high-fidelity physical interfaces.
SYS_AUTH_UNIT
ACT
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| modelText | string | "SYS_AUTH_UNIT" | Model name text |
| statusText | string | "ACT" | Status indicator text |
| userLabel | string | "[ INP_USR ]" | Label for user ID input |
| userPlaceholder | string | "000-000" | Placeholder for user ID input |
| passwordLabel | string | "[ AUTH_KEY ]" | Label for passcode input |