open-index/open-npm huggingface dataset:
npm package: @pixelmatters/browserslist-config
Description: The Browserlist config for Pixelmatters.
Author: Gil Mendes
Latest version: 1.0.1

<p align="center">
    <img width="80" src="./img/pixelmatters-logo.jpeg" />
</p>

<p align="center">
    <img src="./img/pixelmatters-name.svg" />
</p>

<h1 align="center">
    Browserlist Config
</h1>

<h4 align="center">
    A common <a href="https://github.com/browserslist/browserslist" target="_blank">browser list</a> config for Pixelmatters projects.
</h4>

<p align="center">
    <a href="https://github.com/Pixelmatters/browserlist-config/blob/main/LICENSE">
        <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="browserlist-config is released under the MIT license." />
    </a>
    <a href="https://github.com/Pixelmatters/browserlist-config/blob/main/CONTRIBUTING.md">
        <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
    </a>
    <a href="https://twitter.com/intent/follow?screen_name=pixelmatters_">
      <img src="https://img.shields.io/twitter/follow/pixelmatters_.svg?label=Follow%20@pixelmatters_" alt="Follow @pixelmatters_" />
    </a>
</p>

## 🚀 Get Up and Running

You can install this package using either **npm** or **yarn**.

**Using Yarn:**

```shell
yarn add @pixelmatters/browserslist-config -D
```

**Using NPM:**

```shell
npm install --save-dev @pixelmatters/browserslist-config
```

## Usage

You can reference the shared config in your `package.json`:

```json
"browserslist": [
    "extends @pixelmatters/browserslist-config"
]
```

## 🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, thank you! 💪 🧡

Check out our [**Contributing Guide**](https://github.com/Pixelmatters/eslint-config-pixelmatters/blob/main/CONTRIBUTING.md) for ideas on contributing and setup steps.

## :memo: License

Licensed under the [MIT License](./LICENSE).
npm package: @pixelmatters/commitlint-config-pixelmatters
Description: CommitLint config for usage in Pixelmatters projects
Author: Pixelmatters
Latest version: 1.0.1

<h1 align="center">
  commitlint-config-pixelmatters
</h1>

<h3 align="center">
  An CommitLint config standard for Pixelmatters projects
</h3>

<p align="center">
This is a CommitLint config that you can use in your projects.
</p>

<p align="center">
  <a href="https://github.com/Pixelmatters/commitlint-config-pixelmatters/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="commitlint-config-pixelmatters is released under the MIT license." />
  </a>
  <a href="https://www.npmjs.com/package/@pixelmatters/commitlint-config-pixelmatters">
    <img src="https://img.shields.io/npm/v/@pixelmatters/commitlint-config-pixelmatters.svg" alt="Current npm package version." />
  </a>
  <a href="https://github.com/Pixelmatters/commitlint-config-pixelmatters/blob/master/CONTRIBUTING.md">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=pixelmatters_">
    <img src="https://img.shields.io/twitter/follow/pixelmatters_.svg?label=Follow%20@pixelmatters_" alt="Follow @pixelmatters_" />
  </a>
</p>

## 🚀 Get Up and Running

You can install this package using either **npm** or **yarn**.

### **Yarn**

If using Yarn:

1. Install the package as a development dependency:

```shell
yarn add @pixelmatters/commitlint-config-pixelmatters --dev
```


### **NPM**

If using NPM:

1. Install the package as a development dependency:

```shell
npm install @pixelmatters/commitlint-config-pixelmatters --save-dev
```

### Install commitizen if it's not already installed
- Great guide on pixelmatters basecamp: https://www.notion.so/pixelmatters/Conventional-Commits-Dynamic-Changelog-3138a2ce8ff343229125fd6f3144f395


### Create a config file
1. Create an `.commitlint.config.js`  file in the root of your project and add the following code:
``` js
module.exports = {
  extends: ['@pixelmatters/commitlint-config-pixelmatters'],
};
```

At this point you should be good to go 👍

## 🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, thank you! 💪 🧡

Check out our [**Contributing Guide**](https://github.com/Pixelmatters/commitlint-config-pixelmatters/blob/master/CONTRIBUTING.md) for ideas on contributing and setup steps.

## :memo: License

Licensed under the [MIT License](./LICENSE). Based on config-conventional: https://github.com/conventional-changelog/commitlint/tree/master/%40commitlint/config-conventional
npm package: @pixelmatters/eslint-config-pixelmatters
Description: Eslint config for usage in Pixelmatters projects
Author: Pixelmatters
Latest version: 1.0.2

<h1 align="center">
  eslint-config-pixelmatters
</h1>

<h3 align="center">
  An ESLint config standard for Pixelmatters projects
</h3>

<p align="center">
This is a ESLint config that you can use in your projects.
</p>

<p align="center">
  <a href="https://github.com/Pixelmatters/eslint-config-pixelmatters/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="eslint-config-pixelmatters is released under the MIT license." />
  </a>
  <a href="https://www.npmjs.com/package/@pixelmatters/eslint-config-pixelmatters">
    <img src="https://img.shields.io/npm/v/@pixelmatters/eslint-config-pixelmatters.svg" alt="Current npm package version." />
  </a>
  <a href="https://github.com/Pixelmatters/eslint-config-pixelmatters/blob/master/CONTRIBUTING.md">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=pixelmatters_">
    <img src="https://img.shields.io/twitter/follow/pixelmatters_.svg?label=Follow%20@pixelmatters_" alt="Follow @pixelmatters_" />
  </a>
</p>

## 🚀 Get Up and Running

You can install this package using either **npm** or **yarn**.

### **Yarn**

If using Yarn:

1. Install the package as a development dependency:

```shell
yarn add @pixelmatters/eslint-config-pixelmatters --dev
```

2. Add all the missing peer dependencies:

```shell
yarn add @typescript-eslint/eslint-plugin eslint-plugin-prettier --dev
```

(This config assumes you have **ESLint**, **Typescript** and **Prettier** already installed; if not, run the following code: )

``` shell
yarn add typescript eslint prettier --dev
```

3. Create an `.eslintrc.js`  file in the root of your project and add the following code:

``` js
module.exports = {
  extends: ['@pixelmatters/eslint-config-pixelmatters'],
};
```

### **NPM**

If using NPM:

1. Install the package as a development dependency:

```shell
npm install @pixelmatters/eslint-config-pixelmatters --save-dev
```

2. Add all the missing peer dependencies:

```shell
npm install @typescript-eslint/eslint-plugin eslint-plugin-prettier --save-dev
```

(This config assumes you have **ESLint**, **Typescript** and **Prettier** already installed; if not, run the following code: )

``` shell
npm install typescript eslint prettier --save-dev
```

3. Create an `.eslintrc.js`  file in the root of your project and add the following code:

``` js
module.exports = {
  extends: ['@pixelmatters/eslint-config-pixelmatters'],
};
```

At this point you should be good to go 👍

## 🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, thank you! 💪 🧡

Check out our [**Contributing Guide**](https://github.com/Pixelmatters/eslint-config-pixelmatters/blob/master/CONTRIBUTING.md) for ideas on contributing and setup steps.

## :memo: License

Licensed under the [MIT License](./LICENSE).
npm package: @pixelmatters/eslint-config-react
Description: Eslint config for usage in Pixelmatters projects that use React
Author: Pixelmatters
Latest version: 1.0.1

<h1 align="center">
  eslint-config-react
</h1>

<h3 align="center">
  An ESLint config standard for Pixelmatters projects that use React.
</h3>

<p align="center">
This is a ESLint config that you can use in your projects.
</p>

<p align="center">
  <a href="https://github.com/Pixelmatters/eslint-config-react/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="eslint-config-react is released under the MIT license." />
  </a>
  <a href="https://www.npmjs.com/package/@pixelmatters/eslint-config-react">
    <img src="https://img.shields.io/npm/v/@pixelmatters/eslint-config-react.svg" alt="Current npm package version." />
  </a>
  <a href="https://github.com/Pixelmatters/eslint-config-react/blob/master/CONTRIBUTING.md">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=pixelmatters_">
    <img src="https://img.shields.io/twitter/follow/pixelmatters_.svg?label=Follow%20@pixelmatters_" alt="Follow @pixelmatters_" />
  </a>
</p>

## 🚀 Get Up and Running

You can install this package using the package manger of your choice.

This package requires you to add some missing peer dependencies:
* [esLint](https://www.npmjs.com/package/eslint)
* [prettier](https://www.npmjs.com/package/prettier)
* [typescript](https://www.npmjs.com/package/typescript)
* [@typescript-eslint/eslint-plugin](https://www.npmjs.com/package/@typescript-eslint/eslint-plugin)
* [eslint-plugin-prettier](https://www.npmjs.com/package/eslint-plugin-prettier)

### Add the new dependencies

**If you are using pnpm:**

```shell
pnpm install -D @pixelmatters/eslint-config-react @typescript-eslint/eslint-plugin eslint-plugin-prettier typescript eslint prettier
```

**If you are using yarn:**

```shell
yarn add -D @pixelmatters/eslint-config-react @typescript-eslint/eslint-plugin eslint-plugin-prettier typescript eslint prettier
```

**If you are using npm:**

```shell
npm install --save-dev @pixelmatters/eslint-config-react @typescript-eslint/eslint-plugin eslint-plugin-prettier typescript eslint prettier
```

### Tell ESLint to use this config

Create an `.eslintrc.js`  file in the root of your project and add the following code:

``` js
module.exports = {
  extends: ['@pixelmatters/eslint-config-react'],
};
```

At this point you should be good to go 👍

## 🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, thank you! 💪 🧡

Check out our [**Contributing Guide**](https://github.com/Pixelmatters/eslint-config-react/blob/master/CONTRIBUTING.md) for ideas on contributing and setup steps.

## :memo: License

Licensed under the [MIT License](./LICENSE).
npm package: @pixelmatters/prettier-config-pixelmatters
Description: Prettier config for usage in Pixelmatters projects
Author: Pixelmatters
Latest version: 1.0.0

<h1 align="center">
  prettier-config-pixelmatters
</h1>

<h3 align="center">
  A Prettier config standard for Pixelmatters projects
</h3>

<p align="center">
This is a Prettier config that you can use in your projects.
</p>

<p align="center">
  <a href="https://github.com/Pixelmatters/prettier-config-pixelmatters/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="prettier-config-pixelmatters is released under the MIT license." />
  </a>
  <a href="https://www.npmjs.com/package/@pixelmatters/prettier-config-pixelmatters">
    <img src="https://img.shields.io/npm/v/@pixelmatters/prettier-config-pixelmatters.svg" alt="Current npm package version." />
  </a>
  <a href="https://github.com/Pixelmatters/prettier-config-pixelmatters/blob/master/CONTRIBUTING.md">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=pixelmatters_">
    <img src="https://img.shields.io/twitter/follow/pixelmatters_.svg?label=Follow%20@pixelmatters_" alt="Follow @pixelmatters_" />
  </a>
</p>

## 🚀 Get Up and Running

You can install this package using either **npm** or **yarn**.

### **Yarn**

If using Yarn:

1. Install the package as a development dependency:

```shell
yarn add @pixelmatters/prettier-config-pixelmatters --dev
```

2. Add the following code to your package.json file:

```json
"prettier": "@pixelmatters/prettier-config-pixelmatters",
```

### **NPM**

If using NPM:

1. Install the package as a development dependency:

```shell
npm install @pixelmatters/prettier-config-pixelmatters --save-dev
```

2. Add the following code to your package.json file:

```json
"prettier": "@pixelmatters/prettier-config-pixelmatters",
```

At this point you should be good to go 👍

## 🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, thank you! 💪 🧡

Check out our [**Contributing Guide**](https://github.com/Pixelmatters/prettier-config-pixelmatters/blob/master/CONTRIBUTING.md) for ideas on contributing and setup steps.

## :memo: License

Licensed under the [MIT License](./LICENSE).