Marigold — Free Bootstrap 6 Wedding Website Template
Marigold is a free, premium Bootstrap 6 wedding website template. It pairs a full wedding homepage — countdown, the couple’s story, a schedule for the day, gallery, gift list and RSVP — with a travel and accommodation page carrying directions, taxi numbers, where to stay and an FAQ.
Almost every wedding template ships an RSVP that handles one person, so a family of four either submits it four times or gives up and emails — and the couple reconciles a spreadsheet either way. This one takes a party: each named guest gets their own attendance answer, main course and dietary note, added and removed on the page up to eight. Guest blocks are cloned from a <template> rather than built from strings, so they can be restyled without touching JavaScript, and field names are re-indexed on every add so a normal form POST arrives as a usable array rather than four fields sharing a name.
Key features
- Two pages — wedding homepage and a travel & stay page
- Party RSVP: up to eight named guests, each with attendance, meal and dietary note
- Guest blocks cloned from a <template>, restylable without touching JavaScript
- Field names re-indexed on add, so a form POST arrives as a usable array
- First guest cannot be removed; add button disables at the party limit
- Unique ids generated per block so every label still points at its own control
- Day schedule as a seven-item timeline with times
- Quiet countdown reading its date from data-countdown, aria-live off by design
- Travel page with transport times, taxi numbers, accommodation and a details FAQ
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
