Aegis – Free Tailwind CSS Template for Non-Profit Organizations

Live Preview

Aegis is a purpose-driven, free HTML template designed specifically for non-profit organizations, charities, foundations, and social impact initiatives. Built with Tailwind CSS , this template provides a clean, accessible, and emotionally resonant platform to share your mission, showcase impact metrics, and drive donor engagement.

Whether you’re running a humanitarian aid organization, environmental advocacy group, educational foundation, or community outreach program, Aegis delivers the structure and visual language needed to inspire action and build trust.

Key Features

Built with Tailwind CSS – Utility-first framework for rapid, consistent customization
Fully Responsive Design – Seamless experience across desktop, tablet, and mobile devices
Hero Section with Impact Statement – Bold mission-driven messaging with clear donation CTA
Mobile-Optimized Navigation – Smooth slide-out menu for on-the-go supporters

Ideal For

Humanitarian aid organizations
Environmental & conservation groups
Educational foundations & scholarship programs
Animal welfare shelters
Medical research foundations
Community development initiatives
Disaster relief organizations
Arts & cultural non-profits

Technologies Used

Tailwind CSS – Styling framework
Google Fonts – Trustworthy, readable typography
Material Symbols – Compassionate, clear iconography

Customization Guide

Color Palette – Modify Tailwind config to match brand colors (typically warm, trustworthy tones)
Typography – Replace Google Fonts link and update fontFamily config
Impact Metrics – Update counter values in counters.js
Causes/Programs – Duplicate .cause-card divs and update campaign details
Donation Integration – Connect CTA buttons to your preferred payment gateway (Stripe, PayPal, Donorbox, etc.)
Images – Replace placeholder assets in /images/ folder