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

Carly Bruce Harvey

Feel free to clone and use this as a template to get started on your non-profit projects! 

This template is based off of an Adobe XD freebie file and tailored to play nicely with Webflow's native components. 

Credit to the original design and design files goes to Meagan Fisher and Lindsay Munro over on Behance. Check the footer of the site to get a link straight to where you can download the file for yourself.

Carly Bruce Harvey Free Cloneable: Green Trees Nonprofit

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

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

Matthew Marshall

New Story connects donors with homeless families to create life-changing stories. 100% of all donations go directly to fund homes and every single donor receives a video of the family they helped when they move into their new home. newstorycharity.org

New Story

Azwedo Templates

Kobe is a modern CMS blog dedicated to companies. It’s created to showcase the articles in a clean creative way. It will captivate your audience and create a more meaningful experience for them.

KOBE - Blog Webflow Template

ThreeSixtyEight

Support local healthcare heroes with notes of gratitude and thoughtful donations

Viral Positivity

Stevie Griffin

The 3D interaction animation is available to purchase. Use the "Hire Me" button in the top corner of the previous page.

OneWorld Health - Strategic Vision

Marjoe Bacus

Full experience/website at climatehistory.org

Climate History

Simon Barrette

Louise's Diary uses all the latest Webflow features and technologies to deliver a dynamic and creative web experience showcasing an awareness campaign that supports people living with anxiety. Dive in the experience!

The diary of Louise

Shapemaker®

A 501(c)(3) non-profit to help climate-conscious donors and philanthropists make tax-advantaged contributions to some of the world's most impactful climate removal technologies.

Terraset

Ozge Keles

Design+Peace non-profit organization website

Design+Peace

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

Peter Dimitrov

A website for a nonprofit organization. Full version coming soon.

wecare showcase

Philip Lester

GiveForms are high converting, beautifully simple donation forms targeted at nonprofits.  You can incorporate a beautiful giving form on your site in just a few minutes with a Stripe account.

This is really the first site I've ever built in Webflow.  The previous site (essentially the same), was built on WordPress.  It took so long to go from design, to front end dev, to implementation, to testing... it was a bit of a nightmare, and making small edits was such a chore.

Took me a bit to get the hang of Webflow, but I'm in love... I've done front end dev before, but definitely consider myself more of a designer than developer, and Webflow is a god send.  I built this site so quickly... maybe in 20% of the time it would've taken me otherwise, plus new pages are on the way.  Definitely a fan!

GiveForms - Beautifully Simple Giving for Nonprofits

Mack Shirilla

Literary Cleveland is a wonderful nonprofit organization who approached me about redesigning their site. They were a little worried about using Webflow, since they never heard of it before, but I'm pretty sure I made them believers! 

There are few things more gratifying than launching a new project. And to hear their executive director tell me that this new site would take them to a level they never thought they'd achieve put a pretty big smile on my face. I hope I did my job and gave them a tool that will help them continue to grow and spread some fierce literary knowledge. 

Some fun new things I did with this design:

-The homepage animation only plays once per session (or well, every 15 min) 

- I found some code that allowed me to change how lists appear. You'll notice, the lists in rich text fields actually use their quote logo instead of the standard dot.

Let me know your thoughts Webflowers!

Literary Cleveland

Stephen Garcia

Church websites usually...well, are not awesome. Our team was considering a redesign, but as the project manager, I didn't know how we would make anything close to what we envisioned using a template-builder or even Wordpress with a custom developer. When my friend Jake told me about Webflow in December, everything changed. We had the power of creative control and refinement in our hands. Six months later we have something we are proud of. Thank you, Webflow ❤️. I'm forever in your debt.

CREDITS
Stephen Garcia: Project Management, Development
Jake Campbell: Art Direction and Design

Contact us at: reachchurch.cc/meet-the-team/

Reach Church Website

FlowRocket

Full website recently launched can be seen here:

https://webflow.com/website/Global-Press-Organization-Website

Annual Report for Global Press.

I recently found out this page won a Clarion award.

Awarded for "excellence in strategic, effective, and meaningful communication." Awards include Best User Experience and Best Non-Profit Website (2020 Annual Report) and Best News Website and Best Website Redesign (Global Press Journal).

Global Press Annual Report (Non profit website)

Micra.

A digital creative studio with expertise in crafting custom websites, based in Milwaukee, WI. Offering brand identity, creative direction, UX/UI design, and Webflow development. 

Discover nonprofits websites built by the Webflow community

Discover nonprofits websites built by the Webflow community