Where do I paste this prompt?

Into any assistant that writes code: Claude, ChatGPT, Cursor, Lovable or Claude Code. Ask for a single index.html file, save it and open it in the browser. It uses HTML + CSS 3D.

Can I use it on my website?

Yes. The prompt is free and the code your assistant writes is yours. If you’d rather have the finished version, with your photos and words and ready to publish, there’s the related kit.

Is the video what really comes out?

Yes. It’s the page the prompt made, filmed without touching the code by hand, first time. Every assistant writes different code, so yours may vary a little.

Prompt of the day · 23 October 2026

A wedding envelope that opens when you tap it

What the prompt makes, filmed as it came out

A cream envelope with a wax seal leans toward the cursor. Tap it: the seal fades, the flap swings open and the card slides out with the names, the date and the place. Tap again and it closes.

Make one index.html, no libraries, CSS 3D only. Full-screen page, warm paper background #f4eee5 with a soft vignette. In the center, a wedding envelope 82vw wide (max 520px), 3:2, fully in view on a phone: cream body, a triangular top flap hinged on its top edge (preserve-3d), and a round deep-red wax seal with "A & M" in serif. The envelope tilts toward the cursor (or a finger), up to 12 degrees, eased. Click/tap: the seal fades, the flap swings 180° open in 0.8 s, then a card slides up out of the envelope (1 s, ease-out) reading "Ana & Marc · 14.06.2027 · Sitges" in an elegant serif. The card sits in front of the envelope's back and behind its front pocket, so it really comes out of it. Click again to close. Soft shadow under the envelope. 60 fps on a phone.

770 characters · Made with HTML + CSS 3D · worked first time

What it’s for

A digital wedding invitation to send by WhatsApp, before the RSVP form.
A “save the date” for an event, a launch or a birthday.
The first screen of a wedding website.

Variants to try

Add the line at the end of the prompt. We haven’t filmed these: try them yourself.

Your names and dateThe card reads "Laura & Pau · 20.09.2027 · Girona".
Green and goldEnvelope sage green #b9c4a7, seal gold #c9a24b with dark green initials.
RSVP buttonUnder the card, once it is out, a small button "Confirm attendance" that links to #rsvp.

How to use it

Copy the prompt.
Paste it into Claude, ChatGPT, Cursor or Lovable and ask for a single index.html file.
Save the file and open it in your browser. To publish it, upload it to any static host (Cloudflare Pages is free).

Want it finished, with your photos and words?

The Wedding kit is the full version of this idea: a whole website you fill in in the browser and download.See the Wedding kit · €500

Or we set it up for you: send us your words and photos and we publish it at your domain within 48 working hours.

We set it up · €750

Questions

Where do I paste this prompt?: Into any assistant that writes code: Claude, ChatGPT, Cursor, Lovable or Claude Code. Ask for a single index.html file, save it and open it in the browser. It uses HTML + CSS 3D.
Can I use it on my website?: Yes. The prompt is free and the code your assistant writes is yours. If you’d rather have the finished version, with your photos and words and ready to publish, there’s the related kit.
Is the video what really comes out?: Yes. It’s the page the prompt made, filmed without touching the code by hand, first time. Every assistant writes different code, so yours may vary a little.