Lihat contoh hasilnya langsung di bawah tiap prompt. Pembayaran QR, struk kasir, testimoni pelanggan, papan skor order, papan neon, dan grafik omzet. Tinggal ganti data toko lu.
Make ONE self-contained HTML file: a 6-second animation on a 9:16 canvas (1080x1920), drawn in code, no images. A white payment card on a light grey background: store name "[Kopi Senja]", subtitle "Bayar pakai QR". A QR-style code draws itself module by module from top-left to bottom-right, then a green scan line sweeps down. Below: big amount "[Rp 25.000]" and "[Kopi Susu Gula Aren · 1 gelas]". Then the card turns white, a big green circle with a check mark pops in with a bounce, text "Pembayaran berhasil" and the amount in green, with colorful confetti bursting out. Caption: "Demo · toko fiktif". Reply with only the HTML.
Make ONE self-contained HTML file: a 6-second animation on a 9:16 canvas (1080x1920), drawn in code.
Dark wooden table. A black receipt printer labelled "KASIR 01" with a green light at the top. A thermal receipt slowly feeds down out of the slot with a zigzag torn bottom edge, monospace text: store "[KOPI SENJA]", address, date, a dashed line, items with prices [Kopi Susu Aren x2 36.000, Americano 22.000, Roti Bakar 18.000, ...], TOTAL in bold, "LUNAS", "Terima kasih!", a barcode. Reply with only the HTML.Make ONE self-contained HTML file: a 6-second animation on a 9:16 canvas (1080x1920), drawn in code. Warm beige background. Top: a huge rating counter that counts up to "[4.9]", five stars that fill in yellow one by one, and "dari [1.240] ulasan" counting up. Below, chat-style review bubbles pop up one by one, alternating left (white) and right (light green), each with an initial avatar, name, 5 small stars and a short review: [Rina: Kopinya enak banget...; Dimas: Pesan jam 7, jam 7.20 udah sampe...; ...]. Reply with only the HTML.
Make ONE self-contained HTML file: a 6-second animation on a 9:16 canvas (1080x1920), drawn in code. Black split-flap departure board. Header "[ORDER HARI INI]" in flap tiles that scramble random letters before settling. Three huge yellow flap digits count up to "[128]" with flipping shadows. Below, rows "KOTA / STATUS" settle letter by letter: [JAKARTA DIKIRIM, BANDUNG DIKIRIM, SURABAYA DIKEMAS, MEDAN DIKEMAS, BALI BARU] in green, yellow and white. Small top label "● [KOPI SENJA] · LIVE". Reply with only the HTML.
Make ONE self-contained HTML file: a 6-second animation on a 9:16 canvas (1080x1920), drawn in code. Dark brick wall. A pink neon sign "[Kopi Senja]" flickers on like a real tube (unlit glass outline first, then flicker, then steady glow lighting the wall). A cyan neon smile line underneath lights up next. Then a green "[BUKA]" sign blinks and cyan hours "[07.00 – 22.00]" glow below. Reply with only the HTML.
Make ONE self-contained HTML file: a 6-second animation on a 9:16 canvas (1080x1920), drawn in code. Dark background. Top: mono label "[OMZET KOPI SENJA · 2026]", a huge green counter that counts up to "[+183%]", subtitle "[Januari → Juni (juta rupiah)]". Bar chart for [Jan 12, Feb 15, Mar 14, Apr 21, Mei 27, Jun 34]: bars grow one by one, values appear on top, the last bar highlighted. Then a green trend line with an arrowhead draws across the tops. Caption "Demo · angka fiktif". Reply with only the HTML.