vibecodng.com

Free MCP betaIndex and tools live

Measured entry

hextaui-auth-login-form

auth-formminimal-flat

A client-side React login card shipped as a shadcn registry item. It composes local Button, Card, Checkbox, Field, InputGroup, and Separator primitives plus the cn helper, Radix-backed controls, Lucide icons, and a Tabler GitHub icon. It owns input state and validation, while authentication is supplied through callbacks.

Specimen
Harness screenshot of hextaui-auth-login-form at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of hextaui-auth-login-form at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of hextaui-auth-login-form at 1440 pixels wide
Harness screenshot at 1440 pixels wide. No horizontal overflow recorded.

Measured

Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.

Harness measurements recorded for hextaui-auth-login-form
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical1
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal40.2 KB (105.6 KB build, 65.4 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usedwritten from the component source API

What the harness recorded

BARE BUILD

✗ Build failed in 1m 50s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/cut/blocks/auth/auth-login-form.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

A practical, restrained sign-in shell with useful states and clean callback boundaries, but it needs a shadcn-style setup and should not ship unchanged while the reported critical ARIA violation remains. Choose it as editable application source, not as a standalone auth solution.

Use it if

  • You already use shadcn-style aliases and primitives and want a compact sign-in card with email, password visibility, remember-me, errors, loading state, and optional social providers.
  • You want callback integration points for credential submission and provider login while keeping authentication logic outside the component.

Skip it if

  • You need a drop-in package for a plain React app; its source imports project-local primitives and an alias-based utility.
  • Your accessibility gate rejects critical ARIA issues unless you can audit and fix the unsupported attribute reported by the harness.
  • You need password recovery, account creation, passkeys, or a complete authentication flow without extending the UI.

Install

Installation record for hextaui-auth-login-form
Declared dependencies@radix-ui/react-slot, @radix-ui/react-checkbox, @radix-ui/react-label, @radix-ui/react-separator
Missing on installnone
Bare installfails once the shadcn-style helpers are removed, so it needs that setup
Providerno provider required in the harness

In a non-shadcn project, add the local button, card, checkbox, field, input-group, and separator primitives; configure the at-sign path alias and cn utility; install the Radix controls plus Lucide and Tabler icon packages; bring over the expected theme tokens and utility classes; then wire submit and social callbacks to your auth service.

Source and credit

This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.

Author repository

github.com/preetsuthar17/HextaUI
License
MIT
Record published
2026-08-14

Alternatives

Other published entries for the auth-form pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.