Discover the best charity websites created by professional designers. Get inspired and start planning your perfect charity web design today!

Redis Agency

Our Webflow department continues to pick up pace: in just a month, we made an annual report for Amway.
 
The annual report is an important part of the charity foundation's program, and we had to organize it quickly and beautifully with an interactive format. 

We have already done branding, and almost the entire report was made on the basis of ready-made solutions in identity. Using Webflow and adding animations and horizontal scroll led us to a cool and custom landing page of the report.

Annual report for Amway

KC Katalbas

This range slider takes a number and calculates the output into a certain number of images. Great for dollar to impact calculation for charity donations!

clone and make it your own babies

YouTube Video about the process at link below:
https://www.youtube.com/watch?v=B-Almh-4iXQ&t=3s

Image Range Slider

THS - The Hero Section

Start your website with our cloneable hero section design perfect for Non-Profit or Charity website 🤝

Components & Features:

⦿ Fullscreen Tabs layout to efficiently display large text content 
⦿ Fullscreen Menu with unique hover animations
⦿ Video Lightbox
⦿ Search Functionality

--------------

Like this cloneable?  👍 

We're coming soon with a huge library of more such high-quality and free cloneable hero section designs for every kind of website built in Webflow.

For more FREE CLONEABLES
→ https://theherosection.webflow.io/

--------------

Support:

If you have any difficulty in understanding the design or any part of it, please feel free to comment below. Alternatively, you can send us an email here: support[at]theherosection.com

--------------

License:

⦿ Iconography from FontAwesome

⦿ Images from - Pexels.com (under CC0 license)

⦿ Background gradient from - ls.graphics

Non-Profit/Charity Cloneable Hero Section

Finsweet

Client-first Template 7 is an NGO template, the perfect starting point for your non-profit organizations. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 7 static and 3 CMS pages
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/7

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1036420344519462418

Made with 💪 by Finsweet

Client-First 7 - Free Webflow Template

Kids Help Talk is a charity project in which teenagers assist refugee children from Ukraine in adjusting to their new surroundings and learning foreign languages with their peers for free.

We created a logo, drew illustrations, designed a website, and set it up in less than a month.

We wanted to emphasize the project's "childishness," simplicity, and charitable mission in this project. The logo is lettering, and we used the plot of a children's game, a conversation on the "phone" made of paper cups, for illustrations.

Kids Help Talk

Mark Gimenez

This is my design for our weekly challenge to improve our design skills. Though it wasn't the chosen design, still learned a lot from it. Also had enough time to quickly build it on Webflow.

Support the cause. Donate at
www.thericemovement.com

Rice Movement

Studio Morfar

Betterverse is a blockchain platform and charitable metaverse where people can donate to projects they care about and in return receive a procedurally generated, totally unique NFT that captures the real world impact of their donation (e.g. carbon capture, benefit to biodiversity or social impact). Full website at betterverse.app

Creative Director & Designer: Torsten Power
Lead 3D Artist: Umberto Gnocci
Creative Strategist & Copywriter: Victor Janhagen
Developer: Hanna Söderholm
Tablet & Mobile UI: Pedro Teixera

Betterverse

EL Passion

We're introducing our NGO website template, designed with full responsiveness and ease of use in mind. Whether you are looking to create a website for a non-profit organization, a charity, or any other type of NGO, our template provides the perfect foundation to get started.

The template includes a beautifully designed landing page with a captivating hero section and an active donations counter that can be easily customized to suit your needs. The template also features two subpages that can be used to showcase your initiatives, events, and team members, providing you with the flexibility to build your website your way.

Featuring engaging microinteractions and a modern design, our template is ideal for organizations of all sizes, whether you are looking to raise awareness, fundraise, or connect with volunteers and supporters.
If you need support implementing a site based on a template like this, contact us at projects@elpassion.com


NGO website template • fully responsive and flexible with a styleguide

Jamabuck Studio

Site connecting charities with tech volunteers

Digital Candle

Tom King

Here is an experimental non-profit website I made with the hopes to eventually turn it into a real project.

Non-Profit Template

Here's a single homepage cloneable for a non-profit site. 

Currently uses Adobe fonts. 

Feel free to use it as you wish! If you want help developing this cloneable further, feel free to check out my portfolio and contact me.

Clarity | Free Non-Profit Cloneable

BRIX Templates

Looking to make our world a better place? Presenting Donate X, our charity & nonprofit Webflow Template created for environment charities looking to raise funds and make a positive impact in our world.

- - - 

Interested in Donate X - Charity Webflow Template?

• Check out a live preview here: https://donatetemplate.webflow.io/

• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/donate-x-donation-website-template

Looking for an amazing Webflow Template for Donations, Non Profit, Charity & Donation, Volunteers, Fundraising, Non Profit Organization, Environment & Ecology, Philanthropy, Charity Organization, Donate, Community Service, Social Responsibility.

- - - 

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

Donate X - Donation Webflow Template | BRIX Templates

Laura Jouan

BEAT ROUTES, youth arts collective.
https://www.beatroutes.co.uk/

B E A T

This project was funded by the Catalyst and National Lottery Community Fund COVID-19 Digital Response funding programme.

https://bit.ly/catalyst-digital-response

Going Green Together

James Baduor

Empowering Survivors to Thrive
We are changing the narrative on Gender-Based Violence

The Pearl Safe Haven

Bjorn Encuțescu

Mindsum is a non-profit organization that uses technology to bring the right information and support for the mental health of children and young people.

Check their live website: mindsum.app

---

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Mindsum - Social Enterprise Organization

UXFLOW

I had designed and built the website with the directors of Set Free Care, I designed the site to speak to 2 type of people. 1 being the person of need, I made it super clear to let them know that if they're in need they will be looked after with different service for them and .2 Speaking to those who would like to donate. I integrated 2 payment methods for charity setup and a crypto currency payment gateway. The site has solved many issues for the charity.

set-free-care

Jon Swain

Built using the Client First strategy, the Essex Safe Start website provides a clean and accessible design aimed at supporting children and families impacted by domestic abuse. The site is responsive, easy to navigate, and optimised for accessibility, ensuring that users can easily find the help they need across all devices.

Essex Safe Start Fund

1070795817

1316201488

1316201489

1567550242

1592612642

1726628865

173927913

1863160016

1905118106

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4o-mini

2546957535

2631983062

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3106924665

3112069432

3120801339

3258716925

3289310561

3313039722

3315729993

3410056804

3410497685

3557227276

3590523401

3591394191

3801251705

3913199261

3934148661

4092855684

4103643638

4206156914

451433404

504462606

622649767

622649768

657188092

665836192

737109165

772001133

882147072

938734410

1004117952

1049811722

105340574

1120744071

1131151533

1157563538

1171384976

1197475705

1229056119

1234765101

1236803103

1250328847

1290849437

1292405251

130043074

1306352991

1312703771

1322655470

1336067073

1350250754

1380813821

1380896143

1386092744

1406455659

1418395020

1433303746

143629253

1437392009

1455163268

1455742168

1457420719

1458975701

1475952185

1499868407

1501922903

1545754914

1557989767

1568482678

1571190444

1575119218

1662541974

1665126082

1680201874

1680586027

1694411451

1701648875

173185438

1753134293

183596474

1856326096

1857805694

187681422

1925696804

1928608458

1931880952

1944913766

1968719184

2031799369

2084850560

2085494476

2091902242

21336891

214950889

2161096664

216777687

2182233325

2184630439

2187198051

2193997669

2198334698

2224902271

224017973

2276264697

23146391

2332153945

2340184165

2354820654

2361218180

2378130748

2403993584

2458909760

2465149363

2487845889

2494249199

2519229707

2524380347

2526987152

2529408901

2550320370

2571858959

2605123638

2608516337

2636510003

Best Charity Websites | Free Examples & Designs

Discover Charity websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Charity websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Charity websites
built by the Webflow community