6 error animations. Copy any short prompt for free, and open full prompt 1 to see how detailed they are. Full prompts 2–6 are in the pack.
1 Zigzag Underline
The underline snaps into a red zigzag that buzzes flat.
Full prompt (free sample)
Basics: stage 470×222px, background #13131C, all coordinates in px from the stage's top-left, everything clipped to the stage (top corners rounded 40px). The animation is a 2s loop that plays by itself and is seamless; the video is 12s = six loops. T = seconds since the video start; u = (T + 0.25) mod 2 (the first frame is already 0.25s after a tap). A tap on Continue every second, at u = 0 and u = 1 (video T = 0.75, 1.75, 2.75 …). Phase A (0 ≤ u < 1, dt = u): the tap at u = 0 is rejected → the error state; this is the only part that differs between the six types. Phase B (1 ≤ u < 2, dt = u − 1): the tap at u = 1 fixes the value → valid state, then the field resets; phase B is identical for all six. Fonts: "Segoe UI Variable Display","Segoe UI",sans-serif. Colors: RED #FF4D6A, MINT #3DDBB0, violet #6E5BFF, cyan #38C6FF.
The bottom edge of the field snaps into a red zigzag that spreads from the middle, buzzes sideways and flattens back into a straight red line.
- Phase A only: amplitude A = 9·clamp(dt/0.05)·(1 − ease(seg(dt, 0.25, 0.8))); half-width span = 10 + 205·ease(seg(dt, 0, 0.22)).
- The field path (fill and border) is built with its bottom edge replaced, between x 428 and x 42 (inside the corner arcs), by points every 2px at y = 104 + zig(x), where zig(x) = A·e·tri((x − 235)/22 − 5dt), tri(v) = 1 − 4·|frac(v) − 0.5| (−1…1), and e = clamp((span − |x − 235|)/30)·clamp((x − 42)/16)·clamp((428 − x)/16) (tapers at both ends so it joins the corners).
- Border width bw = 2.5 + 1.5·bump(dt, 0, 0.5). Everything else uses the Basics defaults.
2 Alert Pop
A red ! pops out on a spring with a burst of sparks.
Full prompt · 1,545 characters
The red "!" badge springs out with a twist, throws eight short sparks and a ring, and the message follows a beat later. - Phase A: sp = springF(19, …
One-time payment. Price goes up as new patterns are added. Buy once, get every update. Team license (up to 5 people, client work): $49. Lower price in many countries, applied automatically at checkout.
All 438 full prompts (73 sets), each one self-contained: copy one, paste it into Cursor, Claude Code, v0, Lovable or Bolt
Runnable demo files for every set (plain HTML + JavaScript, no build step), tap-to-play or loop
Exact timings, easing, colors and sizes — no guessing