How it works
useRive + useStateMachineInput wire numeric (look), boolean (checking, handsUp) and trigger (success, fail) inputs. If /public/rive/login.riv is missing, a Motion/SVG character implements the same state machine in code.
Rive State-Machine Character
A login character that tracks your typing, covers its eyes for passwords and reacts to success/fail.
★ showcaseRiveMotionSVG
Performance
Rive renders on its own canvas with its WASM runtime; it pauses when offscreen.
Accessibility & reduced motion
The form is a normal accessible form; the character is decorative (aria-hidden) and static in reduced mode.
Export
{
"lookScale": 1,
"forceFallback": false
}