vibecodng.com

Free MCP betaIndex and tools live

Measured entry

meraki-auth-sign-in-page-with-select-user

auth-formminimal-flat

A static Tailwind sign-in page for returning users, presented as an HTML snippet with a selected-account row, password field, recovery link, signup link, and consent copy. It has no package dependencies, but its styling expects Tailwind utilities and its logo and avatar load from remote hosts.

Specimen
Harness screenshot of meraki-auth-sign-in-page-with-select-user at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of meraki-auth-sign-in-page-with-select-user at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of meraki-auth-sign-in-page-with-select-user 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 meraki-auth-sign-in-page-with-select-user
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious2
Axe moderate0
Axe minor0
Gzip marginal18.4 KB (83.8 KB build, 65.4 KB baseline)
Bare modeOK
Provider requiredNO
Demo usednone

Verdict

A useful visual shell for a returning-user sign-in step, and it builds and mounts without framework scaffolding. Treat it as a starting point: auth behavior is absent, remote imagery should be replaced, and the contrast and inline-link treatment need accessibility work before release.

Use it if

  • You need a password re-entry screen for a previously selected account.
  • Your product already uses Tailwind and can wire the form, account switcher, and links to real auth flows.
  • You want a restrained full-page auth layout that adapts cleanly across common viewport sizes.

Skip it if

  • You need a complete authentication flow with validation, submission state, and error handling included.
  • Your accessibility bar requires compliant contrast and text links that remain distinguishable without color.
  • You cannot depend on external image hosts and do not want to replace the bundled logo and avatar references.
  • You need email, social login, passkeys, or multi-factor controls on the same screen.

Install

Installation record for meraki-auth-sign-in-page-with-select-user
Declared dependenciesnone declared
Missing on installnone
Bare installbuilds and mounts without the shadcn-style helpers
Providerno provider required in the harness

Add Tailwind CSS or translate the utility classes into your own styles. Replace or self-host the logo and avatar, connect the form and account-change control to your authentication system, give decorative or meaningful images suitable alternative text, and revise the flagged contrast and link styling.

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/merakiui/merakiui
License
MIT
Record published
2026-08-13

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.