Negroni recipe animated step by step from empty glass
73.6K views·1K likes·1.4K saves·70 reposts·Posted 24 Sept 2026 · 0:30 · Explainers
Our note
A 30-second motion graphic building a Negroni from empty glass to finished drink, with a step tracker (ice, gin, Campari, vermouth, stir, peel); rendered in HTML/JavaScript from one reference photo.
The creator’s post
Opus 5.5 rendered this in HTML from (1) image 🤯 Things are getting weird. PROMPT: We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.
The prompt
Single-image recipe briefWe're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
Tools the creator named
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth