Openhands — Free Bootstrap 6 Charity & NGO Website Template
Openhands is a free, premium Bootstrap 6 website template for charities, NGOs, nonprofits, foundations and community organisations. It pairs a full charity homepage — donate widget, impact figures, fund allocation, programmes, a story and a volunteer enquiry — with an appeal page carrying target progress and a sticky donate rail.
The donate widget is the whole template. Choosing an amount immediately says what that amount buys — because “£50” means nothing on its own, while “£50 pays for a week of hot meals” is the entire fundraising argument, and it belongs where the decision is being made rather than in a footnote. The tiers carry their own copy in data-buys, so adding one is an HTML edit with no script change. A custom amount deliberately stops claiming a specific outcome rather than inventing one. The fund-allocation section publishes real percentages including fundraising cost, because “the majority goes to the cause” is not a number.
Key features
- Two pages — charity homepage and an appeal page
- Donate widget where choosing an amount says what that amount buys
- Tier copy lives in data-buys, so adding a tier needs no script change
- Custom amounts stop claiming a specific outcome rather than inventing one
- Amount choice is a radio group, so it is one form value with real keyboard semantics
- Gift Aid switch and once/monthly frequency toggle
- Transparent fund allocation including fundraising cost, not just the flattering number
- Appeal page with target progress bar and a sticky donate rail
- Volunteer enquiry with multi-select Combobox and Datepicker
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
