Sunvera is a renewable energy website template: a clean, engineered HTML5 template for a solar and wind installer: solar roofs, batteries, EV charging, wind turbines and solar farms. White grounds, a night footer, Sunvera yellow and Space Grotesk figures set the tone. Underneath, it runs real energy logic: a savings calculator that sizes a system from the roof and the bill (modules, kWp, the year’s kWh, the share used at home, the saving, the installed price and the payback), loans amortised month by month against what the system saves.

It also has a five-step site-survey booking with survey days, time slots and the crews still free, projects worked out through regional yields and turbine power curves. In addition, it has a wind yield estimator, phones open now. Finally, it has the live output of a Bristol roof from the sun’s real height. It ships with a light and a dark theme. It also has right-to-left support and WebGL layers – wind streaks bending along the bands and solar modules set out on a golden-angle spiral in the footer.

Three Home Pages

• Home 01 – Solar & Wind: a hero slider with solar, wind and battery cells along its foot. Then come four steps to switch-on, the live output of a roof, the energy flow – a house lights as you scroll, from its modules to the inverter, the battery, its rooms and the grid, with the engine’s figures beside it – a quick estimate. Finally, the page ends with the services over one photograph, a roof’s year month by month, projects, facts, voices and the journal.
• Home 02 – Home Solar: a hero slider with a docked quick estimate and a statement. Then come six services in hairline cells, the bill bars – twelve monthly bills shrink year by year, before solar, with modules, with a battery – a film, the figures, four ways to pay, the packages and the team.
• Home 03 – Wind & Solar Farms: a hero slider of farms and turbines, half-and-half rows with questions and offices. Then come the turbines – the wind rises as you scroll, the rotors speed up and the readout follows the power curve – a wind yield estimator, large projects with filters and the projects team.

Feature Pages

• Savings Calculator: region, roof facing, roof area, the monthly bill and a battery in. The system, the roof used, the year’s generation, the bill after, the installed price, payback and 25 years, carbon, the month-by-month chart and three ways to pay out. The figures can be carried into the survey booking.
• Site Survey: five steps – what to talk about and the property, the postcode (checked against the areas covered), the roof and the bill, a day on the month calendar and a time with the crews still free, the details, a review – with a live summary and a reference. Continue never blocks; only the last step checks.
• Financing: a package, a loan term and a deposit in. The monthly payment, total repaid, interest and the verdict against the saving out, with pay outright, a green loan, 0% over 12 months and pay per kWh side by side.
• Projects: homes, solar farms, wind and commercial roofs with type tabs, search and sort. The project page with its capacity, the year’s output month by month, carbon, homes powered and the build.
• Packages & Pricing, Services, How We Work: three packages priced by the engine with a side-by-side table, six services with self-use rings and a service page. It also has the four steps in detail.
• Energy Store: plug-in solar, home batteries, EV chargers, monitors and portable power with price filter, sort and search. It also has the product page with tabs, bag, customer saving, code, free-delivery meter, VAT inside the price, the dispatch date, checkout with an order number and a wishlist.

Renewable Energy Website Template: Inner Pages

Sunvera includes About Us, Our Team, Team Member, FAQ with search and Journal. It also has Journal Details, Contact (working PHP form and map), Services and Service Details. Then come Packages & Pricing, How We Work, Financing, Projects, Project Details and Savings Calculator. There are also Site Survey, Energy Store, Product Details, Cart, Checkout, Wishlist and My Account. Finally, there are Login, Register, Forgot Password, Coming Soon and 404 – thirty pages in total.

Renewable Energy Website Template Features

• 30 HTML pages, 3 unique home page designs
• A light theme by default and a dark theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: wind streaks at the edges of the bands and modules on a golden-angle spiral in the footer
• Real energy logic from one data block and its engines: the savings engine, monthly bills, loans, the wind power curve and yearly yield. It also has the sun’s position for the live output, survey slots and store totals.
• A Panel Tilt preloader, Charge Up reveals that uncover each photo bottom to top like a battery charging, soft rises, a charge bar that fills on hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Valid HTML5, no console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This renewable energy website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Sunvera also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Solar & Energy HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Space Grotesk, Roboto).