Mandira is one of our temple website templates: an animated HTML5 template for Hindu temples, mandirs and spiritual centres. Peacock night, saffron and Cormorant Garamond headings give it the warmth of an evening aarti. Underneath, it runs real temple logic: the day’s sunrise, sunset, rahu kalam, tithi and nakshatra worked out for the temple’s own location, whether the doors are open and which aarti is next, puja bookings that leave out rahu kalam, seva prices that follow the place and the names, festivals with their own countdowns, causes with days left, volunteer shifts with places left, and an offerings shop with a bag, coupons, tax and delivery. It ships with light and dark mode, right-to-left support and WebGL silk – a slow folded-silk texture behind the page titles, the bands and the footer.

Three Home Pages

• Home 01: a hero slider that settles in after the light-bloom preloader. Then comes Today At The Temple (open or closed, the almanac, today’s rituals on a day track with a needle at the temple’s own time) and counters. Finally, the page ends with a mantra marquee, the temple story, sevas to sponsor, the donation widget, the next festival with its countdown, live darshan, priests, testimonials and news.
• Home 02: the festival home – Sharad Navratri up front with its countdown, how a family takes part, a colour shift from peacock night to kumkum dusk as you scroll, the aarti across eleven time zones, the evening programme, a festival FAQ, the utsav stream and last year’s celebrations.
• Home 03: the prayer home – layered deity cut-outs that move with the cursor, the temple story, giving, temple services, pujas with filter tabs, the broadcast archive, volunteers, testimonials and news.

Temple Pages

• Puja Booking: four steps – the ritual, a muhurat slot (rahu kalam, past times, rituals that would run past closing and held slots left out), your details, then a review and a booking reference.
• Panchang & Timings: today’s tithi, paksha and nakshatra, seven days of sunrise, sunset and rahu kalam. It also has a month of tithis with Purnima, Amavasya, Ekadashi and the festivals marked.
• Sevas: every seva and puja with sorting. Each seva page has a price that follows the place, the names and the add-ons.
• Festivals: the year’s festivals, each with its own clock (days to go, day k of n, or celebrated), and Navratri with its nine nights and night sponsorship with nights left per tier.
• Events: sorted into Upcoming, This Month and Past, and an evening with its RSVP and seats left.
• Live Darshan: today’s aarti live or next, the recordings archive and an archana-in-your-name form.
• Giving: presets or your own amount, monthly giving, dedications and a receipt; open appeals with days left and running totals.
• Volunteers: open shifts with places left and a sign-up, and a volunteer profile.
• Offerings Shop: category, price, sale and new filters, sort, search and pages. It also has a product page with sizes and a delivery date, bag, wishlist, coupons, sales tax, delivery choices and a checkout that checks the card.

Inner Pages

Mandira includes About, All Sevas, Seva Details, Book A Puja, Panchang & Timings and Events. It also has Event Details, Festivals, Festival Details, Live Darshan, Gallery, Donate and All Causes. Then come Volunteers, Volunteer Details, Offerings Shop, Product Details, Cart, Checkout and Wishlist. There are also FAQ with search, Blog and Blog Details. It also has Contact (working PHP form and map), Login, Register and Forgot Password. Finally, there are Coming Soon and 404 – thirty-two pages in total.

Temple Website Templates Features

• 32 HTML pages, 3 unique home page designs
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left on a switch in every header, from one stylesheet written with logical properties
• WebGL silk: a folded-silk shader tinted from the theme, behind page titles, bands and the footer
• Real temple logic: the almanac for the temple’s location, open now and the next aarti, puja booking around rahu kalam, seva prices, self-dating events, festival clocks, sponsorship. It also has RSVP, shifts, shop totals.
• Light-bloom preloader: the logo’s lamp flares and floods the screen in ivory
• Word-rise reveals in padded masks and three scroll moments that never pin the page
• Swiper sliders, Fancybox lightbox and video popups, counters and canvas petals
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free, loaded locally
• Fully responsive with a desktop-first breakpoint system
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

Like all our temple website templates, Mandira ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Mandira also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Hindu HTML5 templates.

Credits

Bootstrap 5, jQuery 3.7.1, Swiper, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, Google Fonts (Cormorant Garamond, Manrope).