Mendinghub — Tailwind CSS Wedding Vendor Directory Template (HTML)

About This Item

Couples can shortlist venues, florists and photographers on Mendinghub, a Tailwind CSS wedding vendor directory template with 3 home layouts, and Tailwind CSS 4 styles every page. It ships with 33 pages, so a wedding marketplace, a bridal vendor directory or an event venue portal can launch without designing each screen from scratch.

Tailwind CSS Wedding Vendor Directory Template With 33 Pages

This Tailwind CSS wedding vendor directory template covers the full vendor journey, from browsing a map to submitting a listing. The pages fall into a few groups, so you can see what each one does for the directory.

• Home: 3 layouts, each with a different hero and a different order of vendor sections.
• Listings: Grid, List and Map views, plus 3 Listing Details layouts and a Compare Listings page.
• People and companies: Agency Archive, Agency Details, Agent Archive and Agent Details.
• Accounts: Login, Register, User Profile, My Listings and Saved Listings.
• Content and support: 4 blog layouts, Blog Single Post, Services, Pricing, FAQ, Contact Us, Legal, Coming Soon and 404.

Which Pages Matter Most for a Wedding Directory

Three pages do most of the work in this niche, because couples compare many vendors before they book.

• Listing Map: visitors browse vendors by location, and the page uses Leaflet with Mapbox GL. Selecting a marker highlights the matching card.
• Compare Listings: couples place vendors side by side on price range, category, location, rating, amenities and availability. They can remove a vendor without leaving the page.
• Listing Details: the 3 layouts suit different vendors. For example, the tabbed version fits a venue with several packages, while the mosaic version suits a photographer.

On the vendor side, Submit Listing is a five-step form with Dropzone image upload and Select2 dropdowns for category and tag. Agency pages also let planning agencies show all their listings under one profile.

Wedding Planner and Vendor Profiles, Pricing and Blog

Agent Details shows a bio, social links, a listing carousel and a contact form, so each planner or vendor gets a personal page. Pricing offers three plans with a monthly and annual toggle, so you can charge vendors for placement. The FAQ page has grouped accordion questions for couples and vendors. In addition, the blog suits posts such as how to choose a photographer or guides to venues in a city.

Registration asks users to pick a Vendor or Couple account, and the profile pages let each type manage details and saved listings. The Coming Soon page has a countdown, so you can hold a launch date while the directory fills with vendors.

How Version 4 Styles the Listing, Map and Profile Pages

Tailwind CSS 4 puts each section’s styling right in its markup, so a vendor card or pricing block can be copied to another page and still look the same. You set colors, typefaces and spacing once in the Tailwind theme, so swapping the Dancing Script and Roboto pairing or the cyan accent updates all 33 pages. The build keeps just the classes your pages call for, so styles nobody uses stay out of the final stylesheet.

The design includes 8 colour themes with a live switcher panel, so you can preview a brand colour before you commit. Font Awesome 6 Free supplies the icons.

Files You Get and How to Start Editing

You can open the ready-made pages straight away. If you want to change the design, the bundled Tailwind source lets you edit the styles and rebuild them. The images shown in the preview stay out of the download, and neutral placeholders take their place, so you add your own vendor photos before launch.