Maharatri — Tailwind CSS Hindu Temple Template (HTML)

About This Item

A temple site has to show puja details, take donations and announce festivals, and Maharatri covers all three. This Tailwind CSS hindu temple template suits temples, ashrams, puja service providers, NGOs and charitable foundations. It also fits yoga studios, meditation centres and freelancers who build devotional sites for clients. Styling comes from Tailwind CSS 4.

Seven Home Pages in This Tailwind CSS Hindu Temple Template

Maharatri has 31 pages in 9 categories, and 7 of them are home pages. Each one suits a different kind of organisation, so choose the closest layout before you edit anything.

• Home v1 Classic: a full-width hero slider, services, events and a donation call to action.
• Home v2 Festival: festive typography and a bold donation module.
• Home v3 Devotional: a calm multi-panel layout for ashrams and meditation centres.
• Hanuman, 3 variants: devotional storytelling, a cave-style hero and a rock-frame carousel.
• Krishna: a dual hero slider, a gods ticker strip and donation sections.

Donations, Puja Services, Events and Volunteers

Donate Now and Donation Archive handle fundraising, and the donation module uses an Ion Range Slider and campaign progress bars. Because a temple also runs ceremonies, Puja Services and Puja Detail list each puja, while Holi Festival and Holi Detail cover a festival with its own detail view. This Tailwind CSS hindu temple template also gives you the pages around them:

• About Us, Services v1 and Services v2.
• Events Archive and Event Detail, with countdown timers.
• Volunteers Grid and Volunteer Profile, for recruiting helpers.
• Blog Archive and Blog Post Detail, for temple news.
• FAQ, Contact Us and a 404 Error Page.

Prasad Shop and Live Satsang Broadcast

The shop has 5 pages: Shop Archive, Product Detail, Shopping Cart, Checkout and Wishlist. A temple can sell prasad, books and sacred items there, and the shop sits next to the donation pages. The Broadcast / Live Stream page embeds YouTube, Zoom or custom streams for satsangs.

Slick Carousel, Magnific Popup, Isotope, WOW.js and Chart.js handle sliders, popups, filtering, scroll animation and charts. Icons include 30+ custom Flaticon glyphs for temple, arti, puja, ganesha and mehndi, plus FontAwesome 6 and Pe-icon. The font is Poppins.

Editing the Tailwind Theme and the Download

The Tailwind theme holds the palette, typefaces and spacing in a single place, so one edit there carries through every page from Home v1 to Checkout. Each section also carries its styling as utility classes right in the HTML, so you can read its look and change it on the spot.

Most buyers change the brand colors and the Poppins font first. Then they rewrite the hero text on the home page they chose, and after that the copy on Donate Now.

The finished pages open as they are. The download also contains the Tailwind source, which you can use to change the styles and build them again. The preview photos are left out, and plain placeholder images stand in until you add your own.