6 done 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 Check Draw
Ring draws in 1.6s, fills violet→cyan, then a white check strokes in.
Full prompt (free sample)
A success badge, 4s loop, centered on a 470×260 stage with a dark #13131C background. Times are seconds from the loop start.
- Always visible: a ring track, radius 77px, 11px stroke, white at 8% opacity.
- 0.4–2.0s: on top of the track, an 11px round-capped arc is drawn clockwise from 12 o'clock until it closes the circle (ease-in-out). Stroke = linear gradient from violet #6E5BFF (top-left) to cyan #38C6FF (bottom-right).
- 2.0–2.2s: a filled circle (radius 82px, same gradient) fades in, with a blue glow (rgba(80,150,255,0.8), blur 47px).
- 2.2–2.5s: a white check mark draws itself (ease-out), 12px stroke, round caps and joins, through these points relative to the center: (−35, 2) → (−10, 27) → (37, −23).
- 2.15–2.6s: the whole badge pops: scale 1 → 1.12 → 1 (half a sine wave).
- 3.6–3.95s: the badge fades out (the track stays), then the loop restarts.
2 Button Morph
Pill button shrinks to a circle, spins 1.1s, then fills and shows a check.
Full prompt · 1,173 characters
A submit button that morphs into a success check, 4s loop that plays by itself (no click needed), centered on a 470×260 stage with a dark #13131C …
Bar fills 0→100% with a counter, then flips to "Complete ✓" with a glow.
Full prompt · 1,354 characters
An upload bar that turns into "Complete", 4s loop, centered on a 470×260 stage with a dark #13131C background. Times are seconds from the loop start. …
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