Mandira — Tailwind CSS Hindu Template (HTML)

About This Item

Temple committees can publish the daily almanac, puja booking and festival clocks with Mandira, a Tailwind CSS hindu template whose styling is written for Tailwind CSS 4. It is made for Hindu temples, mandirs and spiritual centres that want one site for worshippers, donors and volunteers.

The look is warm: peacock night, saffron and Cormorant Garamond headings, with a slow folded-silk WebGL texture behind page titles, bands and the footer. Light and dark mode and right-to-left support come built in.

Tailwind CSS Hindu Template Pages for Panchang, Aarti and Puja Slots

The temple pages in this Tailwind CSS hindu template work out sunrise, sunset and rahu kalam for the temple’s own location. Devotees mostly come to check today’s schedule, so these pages matter most.

• Panchang & Timings shows today’s tithi, paksha and nakshatra, plus seven days of sunrise, sunset and rahu kalam. A month view marks Purnima, Amavasya, Ekadashi and festivals.
• Live Darshan shows today’s aarti live or next, and also holds a recordings archive and an archana-in-your-name form.
• Book A Puja takes four steps: the ritual, a muhurat slot, your details, then a review and booking reference. The slot list leaves out rahu kalam, past times and held slots.

Three Home Pages for Daily Worship and Festivals

• Home 01 opens with a hero slider after a light-bloom preloader. It then shows Today At The Temple, with open or closed status and a day track. Counters, sevas, the donation widget, the next festival countdown, priests and news follow.
• Home 02 is the festival home. It leads with Sharad Navratri and its countdown. Then it covers how a family takes part, the aarti across eleven time zones, a festival FAQ and last year’s celebrations.
• Home 03 is the prayer home, with layered deity cut-outs that move with the cursor, pujas with filter tabs, a broadcast archive and volunteers.

Sevas, Festivals, Events and Giving

Sevas lists every seva and puja with sorting. Each seva page has a price that follows the place, the names and the add-ons. Festivals gives each festival its own clock. Navratri shows nine nights with sponsorship places left per tier. Events is sorted into Upcoming, This Month and Past, and an event page takes RSVPs with seats left.

Giving offers preset or custom amounts, monthly giving, dedications and a receipt. Open appeals show days left and running totals. Volunteers lists open shifts with places left and a sign-up form.

Offerings Shop and Inner Pages

The Offerings Shop has category, price, offer and new filters, sorting, search and paging. Product Details adds sizes and a delivery date. Cart, Wishlist and Checkout handle coupons, sales tax and delivery choices, and the checkout checks the card.

All 32 pages are About, All Sevas, Seva Details, Book A Puja, Panchang & Timings, Events, Event Details, Festivals, Festival Details, Live Darshan, Gallery, Donate, All Causes, Volunteers, Volunteer Details, Offerings Shop, Product Details, Cart, Checkout, Wishlist, FAQ with search, Blog, Blog Details, Contact, the account pages for sign in, sign up and password reset, a Coming Soon page, a 404 page and the three home pages. Contact has a working form handler and a map. The form can also use invisible reCAPTCHA v3.

Editing Mandira With Tailwind CSS 4

Styling sits in the markup, so a block such as the Today At The Temple panel keeps its appearance when you copy it to another page. Because this is a Tailwind CSS hindu template, each page can be restyled by changing the theme colors and fonts once. The theme holds the colors, fonts and spacing in one place. One change there reaches every page and both light and dark themes. Mobile-first breakpoint prefixes handle layout from phones to desktops.

Motion includes word-rise reveals, three scroll moments that never pin the page, Swiper sliders, Fancybox lightbox and video popups, counters and canvas petals. The pages also honor reduced-motion preferences. Font Awesome Free loads locally, and headings use Cormorant Garamond with Manrope for text.

You can open the finished pages straight from the download. It also holds the Tailwind source for editing and rebuilding the styles, along with documentation. Neutral placeholders replace the preview images, so you can add your own temple photos.