<div align="center">
<img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 />
 </div>
<h1 align="center">Net Zero UI kit</h1>

<div align="center">

Zero footprint ui-kit. For real.

[![](https://img.shields.io/badge/-Storybook-ff4785?logo=Storybook&logoColor=white&style=flat-square)](https://vlinderclimate.github.io/net-zero-ui/)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/vlinderclimate/net-zero-ui/blob/main/LICENSE.md)
[![npm latest package](https://img.shields.io/npm/v/@vlinderclimate/net-zero-ui/latest.svg)](https://www.npmjs.com/package/@vlinderclimate/net-zero-ui)
[![npm downloads](https://img.shields.io/npm/dm/@vlinderclimate/net-zero-ui.svg)](https://www.npmjs.com/package/@vlinderclimate/net-zero-ui)

</div>

---

## Installation and usage

To install and save in your `package.json` dependencies, run:

```bash
# yarn
$ yarn add @vlinderclimate/net-zero-ui

# npm
$ npm i @vlinderclimate/net-zero-ui
```

To use the theme, add `ThemeProvider` at the root of your React application.

```js
// YourAppRootFile.js
// ...
import { ThemeProvider } from "@vlinderclimate/net-zero-ui"

const Root = () => {
  return (
    <ThemeProvider>
      <App />
    </ThemeProvider>
  )
}
```

More detailed instructions can be found at [Getting started with `@vlinderclimate/net-zero-ui`](/docs/getting-started.md).

## Sponsors
<div align="center">
<a href="https://vlinderclimate.com"><img src="https://storage.yandexcloud.net/static.vlinderstorage.com/logo-sign.png" width=200 /></a>
</div>

## Contributing

Any contribution is welcome! Please read through our [Contribution guidelines](/docs/contribution-guidelines.md) for opening issues, PRs, and development notes.

## License

This project is licensed under the MIT License.
