Sajdah — Tailwind CSS Islamic Community Template (HTML)

About This Item

Sajdah gives Islamic charities, mosque fundraising teams and Muslim community groups a Tailwind CSS islamic community template, powered by Tailwind CSS 4 and ready for donations, a shop and member accounts. It ships with 19 HTML pages and 2 home layouts, so you can pick a hero style and start filling in your own content.

Tailwind CSS Islamic Community Template Choices for Charities and Mosques

This Tailwind CSS islamic community template pairs a donations page with a shop and sign-in pages, so one site can raise funds and serve members. Each part has its own page, and the home layouts link them together.

• Islamic charities present fundraising campaigns and let donors choose an amount with a slider.
• Muslim community organisations sell books and resources in the shop, then let members register and log in.
• Mosque fundraising platforms point visitors to the Donations page for Zakat and community appeals.
• Faith-based nonprofits show their work across two different home layouts.
• Freelancers and agencies can deliver a complete Islamic charity site to a client quickly.

Donations, Shop and Member Pages

The pages fall into a few groups, and each one maps to a real job for a community organisation.

• Home: two versions, v1 and v2, offer different hero and community showcase layouts.
• About Us: tells the organisation story and its Islamic mission.
• Donations: a page for Zakat and community fundraising.
• Shop: a place for Islamic books and community resources.
• Sign In and Sign Up: login and registration for community members.
• Contact Us: a contact form and a map.

The donation amount slider uses ionRangeSlider, so contributors choose how much to give. Slick and Owl carousels show campaigns and community highlights, while Magnific Popup opens campaign and community images full screen. The icons come from Flaticon as well as FontAwesome, and the text uses Google Fonts.

Theme Control on the Donations and Shop Pages

You define the palette, typefaces and spacing a single time inside the theme file, so editing it updates Donations, Shop and Sign In together. The compiled CSS contains just the utility classes that appear in the markup, so leftover styles stay out of the build.

First Edits Before Launching a Mosque Site

The theme file is the usual first stop. Swap the colors and fonts once, and the Home, About Us and Donations pages follow. Next, replace the shop items with your own books and resources, then rewrite the donation copy for your own appeals.

Each page runs in a browser straight away, so you can review the layout before touching anything. The package also ships the Tailwind source files, which lets you adjust the styles and run the build again. Photos from the preview are not packaged, and generic placeholder images fill those spots until you add your own photos. The package also includes step-by-step documentation for setup and customisation, and image credits go to Freepik and Unsplash.

Sajdah has 19 pages, 2 home layouts, a shop, a donations page and a sign-in and sign-up pair.