Library / Forms & inputs

Shy Login pro

A login card with a shy character whose eyes follow your typing, covers them for the password, nods or shakes on result.

Customize

Colour of the character

Colour of the button and focus rings

What the demo does when you press Log in

Code

import ShyLogin from './ShyLogin';

<ShyLogin />

Checking your access…

Dependencies: none

form login character svg

More in Forms & inputs

One Question at a TimeA Typeform-style flow: one big question per screen, Enter to advance, choice cards on A/B/C keys, and an editable summary.
Estimate BuilderPick services and add-ons; a sticky panel keeps a rolling min–max total in Indian digit grouping and opens a pre-filled enquiry.
Three-Stage BookingA calm three-stage booking form with per-stage validation that focuses the first error, time-slot chips and a printable confirmation.