Error Shake Field
Error Shake Field is a mobile app Remotion shot (with a public demo.tsx). Watch the video preview, read the recipe notes, and copy the agent brief to implement it from tuned TSX.
- Category
- Mobile App
- Duration
- ~5.6s (168f @ 30fps, including ≥30f of stillness after settling)
- Energy
- Medium-high (the shake is the only impact peak, then it quickly decays and settles)
- Styles
- 1
Recipe notes
After tapping submit on a login form, validation fails: the whole device shakes horizontally (~8 cycles, amplitude decaying to 0), the email input turns red with a red glow, an inline error message slides up, and after the error state lingers the whole device breathes
When to use it
App promo showing form validation failure / input-error feedback; emphasizes feedback design where "failure also has a clear landing point"
Intent
Shoot "submit failed" as feedback with clear cause and effect: the finger taps the button → the whole screen shakes once (system-level denial) → the one field that errored turns red and glows (locating the specific error) → an inline message states what went wrong (giving an explanation). The three feedbacks escalate layer by layer: first global (shake), then local (red border), finally semantic (copy). The core is "the shake only alerts, the red border locates, the copy explains" — the three layers can't replace each other.