Nikoh - Wedding Invitation Scroll Website

An online wedding invitation (to'y taklifnoma) built as a phone-first scroll story, like a real invitation rather than a template. The guest opens a link and sees two ornate arch doors with a gold seal; one tap swings them open and starts the music. The hero is a full-bleed couple photo with the names written in script over it, petals drifting in front, and a gentle parallax as you scroll.

Below: a personal greeting (?g=Aziz-aka&n=2 shows "Hurmatli Aziz aka, sizni 2 kishi bilan kutamiz"), a pinned three-photo story where the photos crossfade while the captions change, a countdown ring that fills as you scroll, a day program whose gold line draws itself, and a venue block with an embedded Google map plus Google Maps, Yandex Maps, 2GIS and taxi buttons. Then a dress code with colour swatches and a gift note, an important-notes list, a photo gallery, a guest wishes wall and a closing screen. An Add to calendar button downloads an .ics file and Share opens the phone share sheet.

The RSVP works without a backend: the guest fills name, number of guests, yes/no and a wish, and the page opens your Telegram or WhatsApp chat with the message already written, then shows a confirmation screen. Four palettes (olive and ivory default, emerald, dusty blue, burgundy) switch with ?theme= and the dial. Uzbek (with oʻ and gʻ) and Russian switch from a UZ/RU pill. Names, date, venue coordinates, program, story, notes, wishes, photos and RSVP handle all live in one CONFIG object at the top of the file; long names shrink to fit.

One HTML file of about 1.1 MB, no build step: GSAP 3.12.5 and ScrollTrigger load from a CDN, with a plain-scroll fallback if they are blocked; reduced-motion shows everything without pinned effects. Scroll motion uses transform and opacity. The ten sample photos are free-to-use Pexels photos (sources and licence listed in the prompt doc) and are meant to be swapped for your own through the photo slots in CONFIG; the music is an original synthesized 30-second loop. The page has link-preview tags (og:image, twitter card) to edit for your names. Responsive down to 390 px. Checked in desktop Chrome at 1440 and 390 px only, not on a real phone or Safari. The demo RSVP points to a placeholder Telegram handle; set your own in CONFIG.rsvp.

Choose your tier

🔒 Secure checkout · instant download