What the Frontend? Open the interactive gallery →
Loading & State

Error shake

A form field or element shakes horizontally when validation fails — communicating error through motion.

What you're seeing

Submit with wrong input and the field shakes side to side — a universal signal for "no, wrong."

Where you'll see it

Form inputs, password fields, any validated interaction.

Difficulty

Very low — 1/5

Libraries that build it

GSAPMotionCSS

Ready to prompt — paste this into your AI coding tool

"On validation error, animate translateX with GSAP fromTo -8px to 8px, yoyo: true, repeat: 3"

Related Loading & State effects

Skeleton loaderProgress barSpinnerPage preloaderOptimistic UISkeleton shimmer
See the animated preview in the dictionary →