Minto — Tailwind CSS Nonprofit Charity Template (HTML)

About This Item

Fundraising, impact stories and cause news all sit on 23 ready-made pages in Minto, a Tailwind CSS nonprofit charity template whose styling comes from Tailwind CSS 4. It is made for charities, NGOs, healthcare organisations, museums, pet welfare groups and social impact foundations. Freelancers and web agencies can also hand a client a complete charity site without starting from zero.

Home Page Demos for Healthcare, Museum, NGO and Pets

Minto includes a generic home page plus niche demos for Healthcare, Museum, NGO, Pets and Viva, which makes five or more home layouts in total. Each one suits a different kind of cause, so you start from the closest match instead of rebuilding a front page.

• Healthcare: present patient support programmes and donation drives.
• Museum: show collection stories and cultural exhibits.
• NGO: combine community news with campaigns and a merchandise shop.
• Pets: promote adoption and animal welfare fundraising.

Donation Pages Come First in This Tailwind CSS Nonprofit Charity Template

For a charity, the pages that bring in money matter most. This Tailwind CSS nonprofit charity template gives each fundraising campaign a grid card and its own detail page, so donors can move from browsing to giving in two steps.

The Donations Grid works as your campaign archive, and a NiceSelect-styled dropdown helps visitors filter by cause or category. The Donation Detail page then holds one campaign, with an ionRangeSlider so each donor picks a contribution amount. Swiper carousels also highlight featured campaigns on the home pages.

Story Grid and Story Detail Pages for Impact Reporting

Donors give again when they see results. The Story Grid lists impact stories, and each Story Detail page tells one in full. A Magnific Popup lightbox opens campaign and story images full screen, while About Us explains your mission and Contact Us holds a form and a map.

Charity Shop and Blog With Sidebar Layouts

The Shop page sells merchandise and fundraising products, which gives supporters another way to contribute. For news, you can choose between Blog Left Sidebar and Blog Right Sidebar, and Blog Detail shows a full article. Because both layouts exist, you can keep long cause articles beside category links or a donation prompt.

Donation, Story and Blog Pages Built With Tailwind CSS 4

Layouts on the donation grid, story grid and shop adapt to screen size, because the markup carries mobile-first responsive prefixes. That matters for charities, since many donors arrive from a phone. Styling is written directly on each element, so a change to a donation card or story block happens in the same place you read it. The compiled stylesheet keeps just the classes these pages need, so nothing extra is carried along.

Every page in the package is already built, so a browser opens it with no setup. The Tailwind source is in the package too, so anyone who prefers to adjust the design can edit it and generate a fresh stylesheet. Neutral placeholders replace the preview images in the download, so you add your own photos where the live preview shows pictures. For graphics, the template uses Flaticon and FontAwesome icons and Google Fonts typefaces, and the original photography is credited to Freepik and Unsplash. Step-by-step documentation covers setup and customisation, and the pages work in Chrome, Firefox, Safari, Edge and Opera.

In total you get 23 pages, five or more home demos, paired grid and detail pages for both donations and stories, and a shop.