Wedding invitation website
A wedding invitation site: a wax-sealed envelope at the door, names and a countdown, the couple's story as a film strip, the day's schedule, a dress-code palette, a map and hotels, a five-step RSVP with menu and song, FAQ, a gallery, the wedding party, gifts, a wishes wall and a footer. A cream page, plum and terracotta, Cormorant Garamond.
Instead of a paper invite, a site where guests find everything: the day's programme, dress code, address, hotels and answers, then confirm in a five-step RSVP with menu and song choices. The couple in the demo is fictional.
What it is made of
13 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Two-tier invitation header with a monogram and musicnavbar-025
A monogram with the date, serif sections, music on click and “RSVP”.
2. Envelope and hero
Invitation hero with an envelope, countdown and “add to calendar”hero-025
The seal opens the envelope; names, date, countdown, “add to calendar”, an arched photo.
3. Story
Couple's story as a film stripabout-011
A film strip with four dated frames.
4. Schedule
Wedding day schedule as a vertical timelineevent-008
A vertical timeline with icons and “what to bring”.
5. Dress code
Dress code as a palette with colour copyingevent-009
A palette with HEX copying, “her” and “him” looks.
6. Venue
Directions to a countryside wedding with a map and hotelsmap-007
An arched estate photo, a Yandex Map, directions, hotels.
7. RSVP
Five-step wedding RSVP formcontact-018
Five steps: who, with whom, menu, shuttle, song; a summary on the right.
8. FAQ
Guest FAQ accordion with roman numeralsfaq-020
An accordion with roman numerals, one open at a time.
9. Gallery
Couple's masonry gallery with arches and a lightboxportfolio-008
Masonry with arches, b/w → colour, a lightbox.
10. Who you'll meet
Wedding party and planner as polaroidspeople-010
The wedding party and planner as polaroids with contacts.
11. Gifts
Gifts: a honeymoon fund with a sealcta-021
A honeymoon fund with copyable details, a seal, a wishlist.
12. Wishes
Guest wishes wall on a cork boardtestimonials-020
Notes on a cork board and a “pin it” form.
13. Footer
Compact invitation footer with a monogram and hashtagfooter-024
A monogram, the hashtag, “reply by”, with love.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Wedding invitation website” page made of?
- 13 catalog sections in order: Two-tier invitation header with a monogram and music, Invitation hero with an envelope, countdown and “add to calendar”, Couple's story as a film strip, Wedding day schedule as a vertical timeline, Dress code as a palette with colour copying, Directions to a countryside wedding with a map and hotels, Five-step wedding RSVP form, Guest FAQ accordion with roman numerals, Couple's masonry gallery with arches and a lightbox, Wedding party and planner as polaroids, Gifts, Guest wishes wall on a cork board, Compact invitation footer with a monogram and hashtag. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.