CarbonLite

A lightweight, carbon saving tool that blacks out a browser window after a period of inactivity

Overhead view of a coastline including trees, shrubs, and grass.

What is CarbonLite?

It's a free tool to help reduce the carbon impact of websites.

Sustainable Web Design estimates that user devices account for 54% of website-related greenhouse gas emissions.

CarbonLite will put a website "to sleep" by adding a low-energy black overlay across the site when the user has not interacted for a period of time.

Reduce your impact

How can CarbonLite help reduce my website's carbon usage?

Browsers and operating systems place the emphasis on users to enable energy saving features such as screen savers and sleep timers.

CarbonLite is the first tool that allows website owners to "switch on" carbon savings on behalf of their users, lowering their carbon footprint in the process.

Get CarbonLite now

The easiest way to install CarbonLite

This is the best choice for non-developers.

The easiest way to install CarbonLite is using a CDN (content delivery network), this means you don't need to download/upload/ftp/faff with too much. Include the code snippet below on your website and CarbonLite will be up and running immediately.

<script defer="defer" type="text/javascript" src="https://cdn.jsdelivr.net/gh/Digital-Nature-LTD/[email protected]/dist/CarbonLiteSimple.min.js"></script>

Customising CarbonLite

Some aspects of CarbonLite can be customised by adding parameters to the URL. Note that the first parameter should be prefixed with a `?` and the following parameters with an `&`. Configuration options are listed in the docs

<script defer="defer" type="text/javascript" src="https://cdn.jsdelivr.net/gh/Digital-Nature-LTD/[email protected]/dist/CarbonLiteSimple.min.js?message=This is my custom message&timeout=10000"></script>

Installation for developers

The CarbonLite module should be installed via npm.

Configuration can be passed to the init method, see the GitHub and npm pages for documentation and further information about the available options.


# install CarbonLite using npm
npm i @digital-nature-ltd/carbon-lite
                    

// import the package and activate CarbonLite
import CarbonLite from '@digital-nature-ltd/carbon-lite';

const cl = new CarbonLite();

// Call init to start CarbonLite.
cl.init({
    timeout: 3000
});
                    
We'll help install it

Do you need help with installation?

We're keen to get CarbonLite installed on as many sites as possible. If you're not able to get it up and running yourself then please get in touch with us on [email protected] and we will help with the installation - free of charge.