Wildera React is a React NGO website template, made for environmental NGOs and conservation charities. It rebuilds the Wildera design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 32 pages without a reload.

It looks exactly like the Wildera demo. Underneath, the give, act & campaign logic runs in React state. That covers a donation builder that shows what each gift does in trees and ranger days and campaigns with what they have raised today, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Wild – a hero slider over the wildlife, the campaigns live now with their figures.
• Give – a hero with a gift card on it.
• Act – a climate hero slider, the petitions to add your name to, The Warming Stripes.

Give, Act & Campaign Pages In React

• Donate – the donation builder in three steps.
• Monthly Giving – four Guardian tiers, monthly or yearly at ten percent less, and a three-step join.
• Campaigns – live, launching soon, funded and closed, placed from the visitor’s date, with cause tabs.
• Petitions – every petition with its signatures from the date, by cause and status.
• Volunteer – tree planting, beach clean-ups, river restoration, wildlife surveys.
• Carbon Footprint – home, travel, food and things in tonnes a year.

React NGO Website Template Features

• React 18 function components and hooks across 32 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• Cart, theme and language state shared through React Context
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Getting Started

First, install Node 18 or newer. Then run npm install and npm run dev to open the site locally. When it is ready, npm run build writes static files that any host can serve.

Looking for this React NGO website template in another stack? Wildera also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Environment React templates.

Built with React and Vite, with Merriweather and Raleway from Google Fonts.